arco 0.7.0 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 65e6776531db3a3448bc6cf2e7e145b041d64c333251b576241014f0a265c817
-  data.tar.gz: 5b4eeebb07bccb252d8034437bb2b6121bc4aae412e64008a0ebcf1865b04b1f
+  metadata.gz: 526cd05606bf060a1a1b17e57e7be4ed0c84763569b5860b0f2123dff9a148ff
+  data.tar.gz: 707a6ba4bb548d1f1edb5053809822fc51225b593c0012bf7ed3d48573e77b18
 SHA512:
-  metadata.gz: 3c6ded0190753934c1395f5c158f86138ac0cfa37f8927af581406f0f54bb37636a880c8a83aabaad60ce8568f987bcf0ececb5a2cdf3ceab9914d40ae631b83
-  data.tar.gz: 8514c2cbd55de8b750f536f1dbdec2b54ca8cd360fd5303db81c9fbe457be062d8105adbbb32cda316bd02eaaf40065a517814aa7bcfa11fdd83f6da5370d74b
+  metadata.gz: 75050f7bd3ca7302c8dc132058af92249c6646c781f4c859d8f40944bca14e76582ee9ea5627a1cc0244185012d10cdd8e229f0fe6b9917d26fded4899a097ed
+  data.tar.gz: 765cb69e42c12307d9f36d21225ca7385b7cb1108f6fd66f83ead45138b22963f0a11c32bdd40840ebec4cfea25dfefbe3f9e72f7af80916e9564cbe7df15691

data/README.md

@@ -2,6 +2,10 @@
 
 Arco is a responsive fixed-sidebar layout with a responsive masonry grid which also features a landing page, a 404 page, smooth page transitions and a simple permalink structure.
 
+<p align="center">
+  <img src="assets/images/demo.gif" width="60%">
+</p>
+
 This theme also utilises [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag) and [jekyll-sitemap](https://github.com/jekyll/jekyll-sitemap) to ensure your work will be seen.
 
 See this theme in use at [meebuhs.github.io](https://meebuhs.github.io) and check the [source code](https://github.com/meebuhs/meebuhs.github.io) to get yourself started.
@@ -105,10 +109,10 @@ In order to enable lazy loading on an image you must add a `data-echo` attribute
 
 ### Image lightbox
 
-In order to open an image in a fullscreen lightbox on click, you must wrap the image in a link tag like so: 
+In order to open an image in a fullscreen lightbox on click, you must wrap the image in a link tag with the class `clickable-image` like so: 
 
 ```html
-<a href="/assets/actual-image.png">
+<a class="clickable-image" href="/assets/actual-image.png">
     <img src="/assets/placeholder-for-image.png" alt="alt-text" data-echo="/assets/actual-image.png" />
 </a>
 ```

data/_includes/cover.html

@@ -3,6 +3,11 @@
       {% if site.image %}<img class="cover-image" src="{{ site.image }}" />{% endif %}
       <h1>{{ site.title }}</a></h1>
       <h6>{{ site.description }}</h6>
+      {% if site.tagline %}
+        <div class="cover-tagline">
+          {{ site.tagline }}
+        </div>
+      {% endif %}
     </div>
     <div class="open-button-container">
         <a href="/projects/" id="open-button" class="button-dark">See my projects</a>

data/_includes/sidebar.html

@@ -9,6 +9,11 @@
         <div class="sidebar-text">
             <h1><a href="{{ "/projects/" }}" class="fade-onclick">{{ site.title }}</a></h1>
             <h6>{{ site.description }}</h6>
+            {% if site.tagline %}
+                <div class="sidebar-tagline">
+                    {{ site.tagline }}
+                </div>
+            {% endif %}
         </div>
     </div>
     <div class="sidebar-links">

data/_layouts/post-list.html

@@ -15,7 +15,7 @@ layout: default
           {% endif %}
           <div class="list-post-info">
             <div class="list-post-title">{{ post.title }}</div>
-            <div class="list-post-summary">{{ post.summary }}</div>
+            <div class="list-post-description">{{ post.description }}</div>
           </div>
         </div>
       </a>

data/_layouts/post.html

@@ -27,9 +27,9 @@ layout: default
       ·
       <a href="{{ "/projects/" }}{{ page.category }}" class="fade-onclick"><span class="post-category">{{ page.category }}</span></a>
     </div>
-    <a href="{{ page.images.top }}">
+    <div class="clickable-image"><a href="{{ page.images.top }}" style="max-width: 80%">
       <img class="post-image" alt="{{ page.title }} | {{ page.description | truncate: 80 }}" src="{{ page.images.top }}" />
-    </a>
+    </a></div>
 
     <div class="post-content">
       {{ content }}

data/_sass/constants.scss

@@ -6,7 +6,7 @@ $tertiary-highlight: #66cccc;
 
 $sidebar-colour: #1a2a38;
 $hover-colour: #e5e5e5;
-$summary-colour: #474747;
+$description-colour: #474747;
 $text-colour-light: white;
 $text-colour-dark: black;
 
@@ -15,5 +15,5 @@ $table-background-colour: #e5e5e5;
 // Sizes
 
 $sidebar-width: 330px;
-$sidebar-height-min: 120px;
-$sidebar-height: 170px;
+$sidebar-height-min: 150px;
+$sidebar-height: 200px;

data/_sass/cover.scss

@@ -44,4 +44,10 @@
     width: 200px;
     height: 200px;
     border-radius: 50%;
+}
+
+.cover-tagline {
+    max-width: 250px;
+    margin: auto;
+    color: $hover-colour;
 }

data/_sass/post-list.scss

@@ -40,8 +40,8 @@
     }
 }
 
-.list-post-summary {
-    color: $summary-colour;
+.list-post-description {
+    color: $description-colour;
     margin: 0.4em 0;
     font-size: 1rem;
 }

data/_sass/post.scss

@@ -1,5 +1,11 @@
+@media only screen and (orientation: landscape) and (min-width: 900px) {
+    .post {
+        max-width: 900px !important;
+    }
+}
+
 .post {
-    width: 100%;
+    max-width: 100%;
 }
 
 .post-title h1 {
@@ -17,11 +23,10 @@
 }
 
 .post-image {
-    display: block;
-    max-width: 70%;
-    max-height: 50vh;
-    margin: 2em auto 0 auto;
+    max-width: 100%;
+    max-height: 600px;
     border-radius: 5px;
+    margin-top: 1em;
 }
 
 .post-category { 
@@ -37,10 +42,19 @@
     margin-bottom: 2em;
 }
 
+.clickable-image {
+    max-width: 100%;
+    max-height: 600px;
+    text-align: center;
+}
+
+.clickable-image a {
+    max-width: 80%;
+    display: inline-block;
+}
+
 .post-content img {
-    max-width: 90%;
+    max-width: 100%;
     max-height: 600px;
-    display: block;
-    margin: 0 auto;
     border-radius: 5px;
 }

data/_sass/sidebar.scss

@@ -21,6 +21,12 @@
     }
 }
 
+.sidebar-tagline {
+    max-width: 250px;
+    margin: auto;
+    color: $hover-colour;
+}
+
 #sidebar {
     display: flex;
     top: 0;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: arco
 version: !ruby/object:Gem::Version
-  version: 0.7.0
+  version: 0.8.0
 platform: ruby
 authors:
 - meebuhs
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-07-09 00:00:00.000000000 Z
+date: 2020-07-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -76,6 +76,7 @@ files:
 - assets/fonts/roboto-mono/RobotoMono-BoldItalic.ttf
 - assets/fonts/roboto-mono/RobotoMono-Italic.ttf
 - assets/fonts/roboto-mono/RobotoMono-Regular.ttf
+- assets/images/demo.gif
 - assets/js/fade-transitions.js
 - assets/js/post-grid-init.js
 - assets/js/sidebar.js