From 45a441bb2ca181c7bb4bd5999306f65457c2c87a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Cort=C3=A9s?= Date: Mon, 14 Oct 2019 21:19:56 -0300 Subject: [PATCH] mas sexy aun! --- .../2019_06_22_034600_create_base_db.php | 7 ++++ public/css/app.css | 30 +++++++++++++---- public/js/app.js | 10 ++++++ resources/js/app.js | 7 ++++ resources/sass/app.scss | 32 +++++++++++++++---- resources/views/blog/index.blade.php | 1 - resources/views/login.blade.php | 4 +-- 7 files changed, 76 insertions(+), 15 deletions(-) diff --git a/database/migrations/2019_06_22_034600_create_base_db.php b/database/migrations/2019_06_22_034600_create_base_db.php index c806d7e..bee0bae 100644 --- a/database/migrations/2019_06_22_034600_create_base_db.php +++ b/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() diff --git a/public/css/app.css b/public/css/app.css index f680315..07f3a6f 100644 --- a/public/css/app.css +++ b/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; } diff --git a/public/js/app.js b/public/js/app.js index 376c529..b9ebf49 100644 --- a/public/js/app.js +++ b/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'); + }; } /***/ }), diff --git a/resources/js/app.js b/resources/js/app.js index a163735..ca28cf9 100644 --- a/resources/js/app.js +++ b/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') } +} diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 5202b6d..4318107 100644 --- a/resources/sass/app.scss +++ b/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; } diff --git a/resources/views/blog/index.blade.php b/resources/views/blog/index.blade.php index 9c70b06..d5866f1 100644 --- a/resources/views/blog/index.blade.php +++ b/resources/views/blog/index.blade.php @@ -12,7 +12,6 @@ {!! $parse->text($post->md) !!} -
@endforeach Para ver mas posts, ve al archivo @endsection diff --git a/resources/views/login.blade.php b/resources/views/login.blade.php index 4935188..ff2148a 100644 --- a/resources/views/login.blade.php +++ b/resources/views/login.blade.php @@ -6,12 +6,12 @@
- +
- +