mas sexy aun!

resources/js/app.js

@@ -1,3 +1,4 @@
+// Highlight links if in his page
 switch(window.location.pathname){
     case "/":
         document.getElementById("title-link").classList.add("pure-menu-highlight");
@@ -16,3 +17,9 @@ switch(window.location.pathname){
         document.getElementById("setup-link").classList.add("pure-menu-highlight");
         break;
 }
+
+// Makes all images clickeable
+var images = document.getElementsByTagName("img");
+for(i = 0; i < images.length; i++) {
+    images[i].onclick = (e) => { window.open(e.target.src, '_blank') }
+}

resources/sass/app.scss

@@ -18,13 +18,14 @@ body {
 }
 
 .container {
-    max-width: 70ch;
+    max-width: 80ch;
     padding-bottom: 2ch;
     margin: auto;
 }
 
 img {
     max-width: 100%;
+    cursor: pointer;
 }
 
 a {
@@ -43,16 +44,34 @@ p {
     line-height: 1.5rem;
 }
 
+article {
+    box-shadow: 3px 3px 10px 0px #aaa;
+    padding: 2ch 10ch;
+    margin-bottom: 2em;
+}
+
 /******************************************************************************
     => Forms 
 *******************************************************************************/
 .pure-form textarea {
-    height: 20ch;
+    height: 25ch;
+    min-width: calc(80ch - 2em);
+    max-width: calc(80ch - 2em);
 }
 
 .pure-form input[type="text"],
 .pure-form textarea {
-    width: 100%;
+    width: calc(80ch - 2em);
+}
+
+.pure-form input[type="text"],
+.pure-form input[type="email"],
+.pure-form input[type="password"],
+.pure-form textarea {
+    border-radius: 0;
+    border: 1px $foreground-color solid;
+    box-shadow: none;
+    background-color: lighten($background-color, 10% );
 }
 
 .pure-form label {
@@ -60,14 +79,15 @@ p {
 }
 
 .pure-form .control {
+    width: 100%;
     padding-top: 1em;
-    width:100%;
     text-align: right;
 }
 
 .pure-form {
-    border: 1px $foreground-color solid;
-    background-color: darken($background-color, 5%);
+    box-shadow: 0px 0px 20px -15px $foreground-color;
+    //border: 1px $foreground-color solid;
+    //background-color: darken($background-color, 5%);
     padding: 1em;
 }
 

resources/views/blog/index.blade.php

@@ -12,7 +12,6 @@
             </header>
             {!! $parse->text($post->md) !!}
         </article>
-        <hr/>
     @endforeach
     <span>Para ver mas posts, ve al <a href="{{ route('blog.archive') }}">archivo</a></span>
 @endsection

resources/views/login.blade.php

@@ -6,12 +6,12 @@
         <fieldset>
             <div class="pure-control-group">
                 <label for="email" >e-mail</label>
-                <input id="email" type="email" name="email" value="{{ old('email') }}" placeholder="e-mail" required autocomplete="email" autofocus>
+                <input id="email" type="email" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
             </div>
 
             <div class="pure-control-group">
                 <label for="password" >pass</label>
-                <input id="password" type="password" name="password" placeholder="pass" required autocomplete="current-password">
+                <input id="password" type="password" name="password" required autocomplete="current-password">
             </div>
 
             <div class="pure-controls">