muchas cosas, aun esta en proceso de construccion
This commit is contained in:
8
resources/js/app.js
vendored
8
resources/js/app.js
vendored
@@ -1 +1,7 @@
|
||||
console.log('oli');
|
||||
function classToggle() {
|
||||
const navs = document.querySelectorAll('.navbar-items')
|
||||
|
||||
navs.forEach(nav => nav.classList.toggle('navbar-toggleshow'));
|
||||
}
|
||||
|
||||
document.querySelector('.navbar-link-toggle').addEventListener('click', classToggle);
|
||||
|
||||
67
resources/sass/app.scss
vendored
67
resources/sass/app.scss
vendored
@@ -1,52 +1,49 @@
|
||||
@import 'skeleton-scss/scss/skeleton.scss';
|
||||
|
||||
/**
|
||||
* Ryuuji
|
||||
*/
|
||||
* Ryuuji
|
||||
*/
|
||||
|
||||
$colorfg: #212121;
|
||||
$colorborder: #f2f2f2;
|
||||
$color01: #0fa0ce;
|
||||
|
||||
body {
|
||||
color: $colorfg;
|
||||
max-width: 80ch;
|
||||
padding: 2rem;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 4rem;
|
||||
border-top: 1px solid #fafafa;
|
||||
border-bottom: 1px solid #fafafa;
|
||||
margin-bottom: 2em;
|
||||
hr {
|
||||
border: 1px solid $colorborder;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
.navbar {
|
||||
display: flex;
|
||||
border-bottom: 1px solid $colorborder;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin-bottom: 0;
|
||||
.navbar-items {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
.navbar-item a {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
letter-spacing: .2rem;
|
||||
text-decoration: none;
|
||||
margin-left: 1em;
|
||||
color: $colorfg;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
letter-spacing: .2rem;
|
||||
margin-right: 35px;
|
||||
text-decoration: none;
|
||||
line-height: 4rem;
|
||||
color: $colorfg;
|
||||
}
|
||||
.navbar-item a:hover {
|
||||
color: $color01;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $color01 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px) {
|
||||
.navbar-items, .navbar {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
0
resources/views/NetrwTreeListing 6
Normal file
0
resources/views/NetrwTreeListing 6
Normal file
@@ -6,31 +6,34 @@
|
||||
@section('title')
|
||||
<title>Daniel Cortés</title>
|
||||
@show
|
||||
<link href="css/app.css" rel="stylesheet">
|
||||
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<div class="container">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="{{route('index')}}">Daniel Cortes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{route('blog')}}">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{route('now')}}">Now</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{route('projects')}}">Projects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="{{route('setup')}}">Setup</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<nav class="navbar">
|
||||
<ul class="navbar-items">
|
||||
<li class="navbar-item">
|
||||
<a href="{{route('index')}}">Daniel Cortes</a>
|
||||
</li>
|
||||
<li class="navbar-item">
|
||||
<a href="{{route('blog.index')}}">Blog</a>
|
||||
</li>
|
||||
<li class="navbar-item">
|
||||
<a href="{{route('now')}}">Now</a>
|
||||
</li>
|
||||
<li class="navbar-item">
|
||||
<a href="{{route('projects')}}">Projects</a>
|
||||
</li>
|
||||
<li class="navbar-item">
|
||||
<a href="{{route('setup')}}">Setup</a>
|
||||
</li>
|
||||
<li class="navbar-item">
|
||||
<a href="#">ADMIN</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
@yield('content')
|
||||
|
||||
@yield('content')
|
||||
|
||||
<script src="js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
@extends('base')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<h1>Blog</h1>
|
||||
<p>Cosas random que se me ocurren</p>
|
||||
<p>Algun dia van a haber posts aqui, lo prometo</p>
|
||||
</div>
|
||||
@endsection
|
||||
13
resources/views/blog/archive.blade.php
Normal file
13
resources/views/blog/archive.blade.php
Normal file
@@ -0,0 +1,13 @@
|
||||
@extends('base')
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<ul>
|
||||
@foreach($posts as $post)
|
||||
<li class="post-title">
|
||||
<a href="{{ route('blog.show', $post->id) }}">{{$post->title}}</a> <span>{{$post->created_at->diffForHumans()}}</span>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endsection
|
||||
18
resources/views/blog/index.blade.php
Normal file
18
resources/views/blog/index.blade.php
Normal file
@@ -0,0 +1,18 @@
|
||||
@extends('base')
|
||||
|
||||
@php
|
||||
$parse = new Parsedown();
|
||||
@endphp
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
@foreach($posts as $post)
|
||||
<section class="post">
|
||||
<h1 class="post-title">{{$post->title}}</h1>
|
||||
{!! $parse->text($post->md) !!}
|
||||
</section>
|
||||
<hr/>
|
||||
@endforeach
|
||||
<span>Mas posts en el <a href="{{ route('blog.archive') }}">archivo</a></span>
|
||||
</div>
|
||||
@endsection
|
||||
15
resources/views/blog/show.blade.php
Normal file
15
resources/views/blog/show.blade.php
Normal file
@@ -0,0 +1,15 @@
|
||||
@extends('base')
|
||||
|
||||
@php
|
||||
$parse = new Parsedown();
|
||||
@endphp
|
||||
|
||||
@section('content')
|
||||
<div class="container">
|
||||
<section class="post">
|
||||
<h1 class="post-title">{{$post->title}}</h1>
|
||||
{!! $parse->text($post->md) !!}
|
||||
</section>
|
||||
<span>Para posts antiguos, ve al <a href="{{ route('blog.archive') }}">archivo</a></span>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user