RubyGems - morel-theme - Versions diffs - 0.1.31 → 0.2.1 - Mend

morel-theme 0.1.31 → 0.2.1

Files changed (701) hide show

data/_layouts/post.html CHANGED Viewed

@@ -1,7 +1,6 @@
 ---
 layout: default-blog
 ---
-<div id="particles-js"></div>
 <div class="main-container post-container">
  <!--Obra del día-->
     <div class="obra-dia">
@@ -10,6 +9,9 @@ layout: default-blog
         <h1>
           {{ page.title }}
         </h1>
+        <div class="podcast-tagline">
+          With {{ page.guest }}{% if page.organization %} from {{ page.organization }}{% endif %}
+        </div>
       </div>
     </div>
     <div class="workarround">
@@ -29,7 +31,7 @@ layout: default-blog
       </div>
       <div class="ficha-metadata">
-         {% if page.author != "MOREL" %} Escrito por <span class="metadata-input">{{ page.author }}</span> // El <span class="metadata-input">{{ page.date | date_to_string }}</span> en <span class="metadata-input">{{ ciudad }}</span>// Clasificado en <span class="metadata-input">morel</span>, <span class="metadata-input">metadatos latinoamericanos</span>, <span class="metadata-input">repositorios</span>.{% endif %}
+        Aired on <span class="metadata-input">{{ page.date | date_to_string }}</span> // Available on <span class="metadata-input">Youtube</span> and <span class="metadata-input">Spotify</span>.
       </div>
@@ -37,6 +39,4 @@ layout: default-blog
   </div>
-</div>
-<script src="{{BASE_PATH}}/assets/js/particles.js"></script>
-<script src="{{BASE_PATH}}/assets/js/app.js"></script>
+</div>

data/_layouts/publisher.html CHANGED Viewed

File without changes

data/_layouts/repository.html CHANGED Viewed

File without changes

data/_layouts/search.html ADDED Viewed

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title> | MOREL</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="/assets/css/main.css">
+</head>
+<body style="background: url('/assets/img/tema/trama.png');">
+    <script>0</script>
+    <!--Nav Bar-->
+    <nav class="navBar">
+        <nav class="wrapper">
+            <div class="logo" >
+                <a href="/index.html"><img src="/assets/img/tema/logo.png" alt="MOREL" class="logo-img"></a>
+            </div>
+            <input type="checkbox" id="menu-toggle" />
+            <label for="menu-toggle" class="label-toggle"></label>
+            <ul>
+                <li><a href="/search"><i class="fa fa-search" aria-hidden="true"></i></a></li>
+                <li><a href="/agregar"><i class="fa fa-plus-circle" aria-hidden="true"></i></a></li>
+                <li><a href="/about"><i class="fa fa-question" aria-hidden="true"></i></a></li>
+            </ul>
+        </nav>
+    </nav>
+    <!--main container and title page-->
+    <div class="main-container">
+        <!-- contenido -->
+        <div class="busqueda">
+  <form action="/search.html" method="get" class="busqueda">
+    <input type="text" id="search-box" name="query"></br>
+    </br>
+    <input type="submit" value="search">
+  </form>
+</div>
+<script>
+  window.store = {
+  };
+</script>
+<ul id="search-results"></ul>
+<div class="row obras">
+  <h2 class="index">Books by category</h2>
+</div>
+  <!--lista 1 -->
+        <div class="row">
+            <!--LOOP DE LISTA 1-->
+        </div>
+<script src="/assets/js/lunr.min.js"></script>
+<script src="/assets/js/search.js"></script>
+         <!--promoción proyecto-->
+        {% include promotion.html %}
+    </div>
+    <!--footer-->
+       {% include footer.html %}
+    <!-- fin del footer -->
+</body>
+</html>

data/_sass/base/_reset.scss ADDED Viewed

@@ -0,0 +1,33 @@
+@charset "UTF-8";
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block; }
+.echo {
+  display: block;
+}
+body {
+  line-height: 1;
+  }
+ol, ul {
+  list-style: none; }
+blockquote, q {
+  quotes: none; }
+blockquote:before, blockquote:after, q:before, q:after {
+  content: '';
+  content: none; }
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }

data/_sass/base/_typography.scss ADDED Viewed

@@ -0,0 +1,155 @@
+@import url(https://fonts.googleapis.com/css?family=Exo:300,400,700|Kanit:400,500,600,700);
+html {
+  font-size: 14px;
+}
+@media screen and (min-width: 601px) and (max-width: 1226px) {
+  html {
+    font-size: 16px;
+  }
+}
+@media screen and (min-width: 1227px) {
+  html {
+    font-size: 18px;
+  }
+}
+a {
+  text-decoration: none;
+  outline: none;
+  color: var(--color-1);
+}
+.blog-post a,
+a.morel,
+footer a {
+  color: var(--color-1);
+  font-weight: 500;
+  transition: all 1s ease;
+}
+.ficha-metadata a {
+  color: var(--color-1);
+  font-weight: 700;
+  transition: all 1s ease;
+}
+a.metadata-input,
+footer a {
+  color: var(--color-1);
+  transition: all 1s ease;
+  text-decoration: none;
+}
+a.morel:hover,
+a.metadata-input:hover,
+footer a:hover {
+  color: var(--color-2);
+  cursor: pointer;
+}
+a {
+  text-decoration: none;
+  outline: none;
+  color: var(--color-1);
+}
+.blog-post a,
+a.morel,
+footer a {
+  color: var(--color-1);
+  font-weight: 500;
+  transition: all 1s ease;
+}
+.ficha-metadata a {
+  color: var(--color-1);
+  font-weight: 700;
+  transition: all 1s ease;
+}
+a.metadata-input,
+footer a {
+  color: var(--color-1);
+  transition: all 1s ease;
+  text-decoration: none;
+}
+a.morel:hover,
+a.metadata-input:hover,
+footer a:hover {
+  color: var(--color-2);
+  cursor: pointer;
+}
+/* branding words*/
+b.morel-word {
+  font-weight: 700;
+  font-transform: uppercase;
+  font-size: 1.25em;
+  display: inline-block;
+}
+b.morel-word::first-letter {
+  color: var(--color-2) !important;
+  font-weight: 700 !important;
+}
+b.site-word {
+  font-size: 1.20em;
+}
+/* 2.0 overrides */
+h1.index {
+  font-size: 1.9rem;
+  font-weight: 200;
+  letter-spacing: 0.1rem;
+  text-transform: uppercase;
+  margin: 6.5rem 0px 6rem;
+  text-align: center;
+  }
+  h1.list {
+    visibility: hidden;
+  }
+  h2.index,
+  p.index {
+    margin: 1rem;
+  }
+  .obras {
+    margin-bottom: 0;
+  }
+  .overlay-text-inside {
+   margin: 0 -1rem 1.3rem;
+  font-size: 1rem;
+  color: var(--background);
+  }
+  .see-and-download {
+    font-size: 1.8rem;
+  margin-top: 1.3rem;
+  color: var(--background);
+  }
+  .clear {
+    color: transparent;
+  }
+  .overlay {
+    background-color: rgba(0, 0, 0, 0.88);
+  }

data/_sass/base/_variables.scss ADDED Viewed

@@ -0,0 +1,62 @@
+:root {
+    --color-1: #2a3425;
+    --color-2: #d4695c;
+    --color-3: #86a27b;
+    --background: #F9F9F9;
+    --fondo: rgba(235, 235, 235, 0.4) ; }
+body, iframe > body {
+  background-color: var(--background);
+  color: var(--color-1);
+  font-family: 'Kanit', "Lucida Console", Monaco, monospace;
+  line-height: 2em;
+  font-size: 1em;
+  background-image: url("../img/trama.png");
+  background-size: 1100px;
+  object-fit: cover;
+ }
+h1 {
+  font-size: 1.688rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  margin: 3.5rem 0px 1rem;
+  text-align: center; }
+h1.book {
+  display: none;
+}
+h2 {
+  font-size: 2rem;
+  font-weight: 600;
+  line-height: 2rem; }
+h3 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 2rem;
+  margin-top: 1.5rem; }
+/*hash link workaround*/
+h3::before, h2::before, h1::before {
+  display: block;
+  content: " ";
+  margin-top: -3em;
+  height: 3em;
+  visibility: hidden;
+  pointer-events: none; }
+/*end of hash link workaround*/
+p {
+  font-size: 1.2rem;
+  font-weight: 300;
+  line-height: 1.5em;
+  margin-top: 1rem; }
+label {
+  cursor: pointer; }
+p.morel:first-of-type::first-letter {
+  font-size: 2rem;
+  font-weight: 500; }

data/_sass/components/_buttons.scss ADDED Viewed

@@ -0,0 +1,71 @@
+label.button,
+button {
+  font-size: 1.4rem;
+  font-family: 'Kanit', "Lucida Console", Monaco, monospace;
+  color: var(--color-1);
+  background: none;
+  font-weight: 500;
+  border-left: 0px;
+  border-top: 0px;
+  border-right: 0.185em;
+  border-bottom: 0.185em;
+  border-style: solid;
+  display: inline;
+  padding: 0px 0.750rem;
+  letter-spacing: -0.063rem;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: all 1s ease;
+}
+label:hover.button,
+button:hover {
+  font-weight: 600;
+  color: var(--background);
+  background: var(--color-2);
+  border-style: none;
+}
+small {
+  font-size: 1.4rem;
+}
+/* label as buttons */
+label.button,
+button {
+  font-size: 1.4rem;
+  font-family: 'Kanit', "Lucida Console", Monaco, monospace;
+  color: var(--color-1);
+  background: none;
+  font-weight: 500;
+  border-left: 0px;
+  border-top: 0px;
+  border-right: 0.185em;
+  border-bottom: 0.185em;
+  border-style: solid;
+  display: inline;
+  padding: 0px 0.750rem;
+  letter-spacing: -0.063rem;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: all 1s ease;
+}
+label:hover.button,
+button:hover {
+  font-weight: 600;
+  color: var(--background);
+  background: var(--color-2);
+  border-style: none;
+}
+label.promotion {
+  font-size: 1.2rem;
+}
+.promotion {
+  text-align: right;
+  margin-bottom: -1.3rem;
+  margin-top: 1.3rem;
+}

data/_sass/components/_modals.scss ADDED Viewed

@@ -0,0 +1,92 @@
+.modal ul {
+    list-style-type: square;
+    list-style-image: url("img/list.svg");
+    list-style-position: inside;
+    margin-left: 5%;
+    margin-top: 2rem;
+}
+.checker:checked+.modal {
+    display: flex;
+}
+.modal {
+    display: none;
+    justify-content: center;
+    align-items: baseline;
+    position: fixed;
+    top: 2.5rem;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: rgba(0, 0, 0, 0.4);
+    overflow: scroll;
+}
+.modal-body {
+    max-width: 97%;
+    background-color: var(--background);
+}
+.modal .ficha-extract,
+.modal .ficha-title,
+.modal .ficha-metadata {
+    padding-right: 5% !important;
+    padding-left: 5% !important;
+}
+.modal .ficha-metadata {
+    line-height: initial;
+    text-align: left;
+    /*display: block;*/
+}
+.modal .btn-container,
+footer .btn-container {
+    margin: 1rem 0 1rem 0;
+}
+label.morel {
+    color: var(--color-1);
+    font-weight: 500;
+    transition: all 1s ease;
+}
+label.morel:hover {
+    color: var(--color-2);
+    cursor: pointer;
+}
+@media screen and (min-width: 601px) {
+    .modal .ficha-metadata {
+        display: flex;
+    }
+    .modal .btn-container {
+        flex-basis: 33%;
+        padding: 0px 2% 0px 2%;
+    }
+}
+@media screen and (min-width: 375px) {
+    .modal .ficha-extract,
+    .modal .ficha-title,
+    .modal .ficha-metadata {
+        padding-right: 15.1% !important;
+        padding-left: 15.1% !important;
+    }
+}
+@media screen and (min-width: 375px) and (max-width: 798px) {
+    .modal-body {
+        max-width: 90% !important;
+    }
+}
+@media screen and (min-width: 799px) {
+    .modal-body {
+        max-width: 70% !important;
+    }
+}

data/_sass/layout/_footer.scss ADDED Viewed

@@ -0,0 +1,51 @@
+footer {
+  background-color: var(--background);
+  min-width: 100%;
+  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.16), 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
+  padding-bottom: 0px;
+}
+footer .main-container {
+  background-color: var(--background);
+}
+footer a.morel {
+  font-weight: 300;
+}
+/* 2.0 overrides */
+/* footer */
+.default-footer {
+  background: var(--background);
+  padding-bottom: 100px;
+  padding-top: 100px;
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+}
+.text-center {
+  text-align: center !important;
+}
+.dis-blk {
+  display: block;
+  margin-bottom: 30px;
+}
+.copy-right {
+  font-size: 12px;
+  color: #bac0cb;
+}
+footer .social a {
+  font-size: 1.6rem;
+}
+.footer-logo {
+  width: auto;
+}
+.mb-40 {
+  margin-bottom: 40px;
+}

data/_sass/layout/_forms.scss ADDED Viewed

@@ -0,0 +1,106 @@
+/*forms*/
+input[type=email] {
+    border: .125em solid #ccc;
+    font-size: 1.4rem;
+    transition: all 1s ease;
+    width: 100%;
+    max-width: 400px;
+    padding: 0.5rem; }
+  input[type=email]:focus {
+    border: 0.125em solid var(--color-2); }
+  input[type=submit] {
+    font-size: 1.4rem;
+    font-family: 'Kanit', "Lucida Console", Monaco, monospace;
+    color: var(--color-1);
+    background: none;
+    font-weight: 500;
+    border-left: 0px;
+    border-top: 0px;
+    border-right: 0.185em;
+    border-bottom: 0.185em;
+    border-style: solid;
+    display: inline;
+    padding: 0px 0.750rem;
+    letter-spacing: -0.063rem;
+    text-transform: uppercase;
+    cursor: pointer;
+    transition: all 1s ease; }
+  .busqueda input[type=submit] {
+    margin-right: -1rem;
+  }
+  input[type=submit]:hover {
+    font-weight: 600;
+    color: var(--background);
+    background: var(--color-2);
+    border-style: none; }
+  label.input {
+    font-size: 1.4rem; }
+  input[type=search], input[type=text] {
+    border-bottom: .17em solid #ccc;
+  font-size: 1.4rem;
+  transition: all 1s ease;
+  width: 100%;
+  max-width: 400px;
+  padding: 0.5rem;
+  border-top: none;
+  border-left: none;
+  border-right: .17em solid #ccc; }
+  input[type=search]:focus {
+    border: 0.125em solid var(--color-2); }
+  /*footer form*/
+  .footer-row {
+    display: flex;
+    flex-wrap: wrap;
+    padding: 1rem 1rem;
+    align-items: center;
+    text-align: center; }
+  .footer-col {
+    line-height: 2rem;
+    flex-basis: 100%;
+    align-self: center;
+    padding: 1rem 0px; }
+  .footer {
+    font-weight: 400; }
+  @media screen and (min-width: 799px) {
+    .footer-col {
+      flex-basis: 33.33%; }
+    .footer-row {
+      text-align: left; } }
+  /*participar panel*/
+  .participar {
+    flex-basis: 100%; }
+  .participar-right {
+    padding-left: 15.1%;
+    padding-right: 15.1%; }
+  .participar .ficha-extract {
+    padding-right: 15.1%; }
+  .participar .ficha-title {
+    padding-right: 15.1%; }
+  @media screen and (min-width: 799px) {
+    .participar {
+      flex-basis: 50%; }
+    .participar-right {
+      padding-left: 0px; }
+    .participar .ficha-extract {
+      padding-right: 6%; }
+    .participar .ficha-title {
+      padding-right: 6%; } }