muchas cosas, aun esta en proceso de construccion

This commit is contained in:
Daniel Cortés
2019-06-23 00:09:30 -04:00
parent a3a974d750
commit 110b0a07fc
23 changed files with 271 additions and 981 deletions

8
resources/js/app.js vendored
View File

@@ -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);

View File

@@ -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;
}
}

View File

View 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>

View File

@@ -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

View 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

View 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

View 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