mas sexy aun!

database/migrations/2019_06_22_034600_create_base_db.php

@@ -27,6 +27,13 @@ class CreateBaseDb extends Migration
             $table->longText('md');
             $table->timestamps();
         });
+        
+        Schema::create('setup', function(Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('title');
+            $table->longText('md');
+            $table->timestamps();
+        });
     }
 
     public function down()

public/css/app.css

@@ -1498,13 +1498,14 @@ body {
 }
 
 .container {
-  max-width: 70ch;
+  max-width: 80ch;
   padding-bottom: 2ch;
   margin: auto;
 }
 
 img {
   max-width: 100%;
+  cursor: pointer;
 }
 
 a {
@@ -1523,17 +1524,35 @@ 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 #241f1e solid;
+  box-shadow: none;
+  background-color: white;
 }
 
 .pure-form label {
@@ -1541,14 +1560,13 @@ p {
 }
 
 .pure-form .control {
-  padding-top: 1em;
   width: 100%;
+  padding-top: 1em;
   text-align: right;
 }
 
 .pure-form {
-  border: 1px #241f1e solid;
-  background-color: #f3eeed;
+  box-shadow: 0px 0px 20px -15px #241f1e;
   padding: 1em;
 }
 

public/js/app.js

@@ -93,6 +93,7 @@
 /*! no static exports found */
 /***/ (function(module, exports) {
 
+// Highlight links if in his page
 switch (window.location.pathname) {
   case "/":
     document.getElementById("title-link").classList.add("pure-menu-highlight");
@@ -114,6 +115,15 @@ switch (window.location.pathname) {
   case "/setup":
     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 = function (e) {
+    window.open(e.target.src, '_blank');
+  };
 }
 
 /***/ }),

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