benjeto-jekyll-theme 0.2.0 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5a9ed02d1bd33721f7c910780161220bf6cef9625c043c1f22dd459637067f82
-  data.tar.gz: 51600f835363b0d43d1b2ab99cb837179781af46c5109162b850043494791a82
+  metadata.gz: 8e4c39d60e45ee85d42fb23a4e614bf0437f57d2f30b4fde63d5fbb29b35ee77
+  data.tar.gz: 56ad00e8c5830ab3f30f4030396bd6029d42580b3269e4af15784b28dc921314
 SHA512:
-  metadata.gz: 5f93df93718acdba45617d26d97121609f86049938f284da1aaafa69f14de10a60c4c124c2b1dd5ccd397f31cffaf470474fcd6f1a00096ae650f646390f2e83
-  data.tar.gz: 634b1b97912f566161fa8888e7a405a13485b27a03bf733ff3094c90f8e7a341e678d47f34bdde81d6d82e668c116ba8443207c5b27aead475df77626c3cb32d
+  metadata.gz: 7795016e6d4dd194facea92dcf5f1683ae77d612f4344e01b5184083ef9242d5a99bc782829658a0bb62b794c9283588f0f7857f2b6570b96c4433a4f304ec23
+  data.tar.gz: ada9e0a937d2e9c211695f05500a2c60d614b3d9e7676aaf6a3002c46e01d25ee1af7bf1ea83e113ac83b91009780b7256a0b39ba586b34cd11427133f0d6185

data/_layouts/home.html

@@ -10,20 +10,24 @@ layout: base
 
 <main>
 <header class="home">
-  <div class="headline">
-    <a class="proficon{% if settings.round_icon == true %} round{% endif %}{% if profile.header == nil %} no-header{% endif %}" href="{{ "/" | relative_url }}">
-      {%- if profile.icon %}
-      <img src="{{ profile.icon | relative_url }}" alt="{{ profile.name }}">
-      {%- else %}
-      <div class="dummy"></div>
+  <div class="header-top">
+    <div class="nameline">
+      <h1>{{ profile.name | default: site.title }}</h1>
+      {%- if profile.pronouns %}
+      <span class="pronouns" itemprop="pronouns">{{ profile.pronouns }}</span>
       {%- endif %}
-    </a>
-    {%- include menu.html %}
+    </div>
+    <div class="headline">
+      <a class="proficon{% if settings.round_icon == true %} round{% endif %}{% if profile.header == nil %} no-header{% endif %}" href="{{ "/" | relative_url }}" aria-hidden="true">
+        {%- if profile.icon %}
+        <img src="{{ profile.icon | relative_url }}" alt="">
+        {%- else %}
+        <div class="dummy"></div>
+        {%- endif %}
+      </a>
+      {%- include menu.html %}
+    </div>
   </div>
-  <h1>{{ profile.name | default: site.title }}</h1>
-  {%- if profile.pronouns %}
-  <span class="pronouns" itemprop="pronouns">{{ profile.pronouns }}</span>
-  {%- endif %}
   {%- if profile.bio %}
   <p class="bio">{{ profile.bio }}</p>
   {%- endif %}

data/_sass/benjeto/base.scss

@@ -351,6 +351,13 @@ div.header {
 }
 
 header.home {
+  div.header-top {
+    display: flex;
+    flex-wrap: wrap-reverse;
+    div.nameline, div.headline {
+      width: 100%;
+    }
+  }
   ul.exlink {
     display: flex;
     flex-wrap: wrap;

data/_sass/benjeto/css/app-box.scss

@@ -8,8 +8,9 @@ img.app-icon {
   height: 100px;
   vertical-align: top;
   margin-inline-end: 16px;
-  border-radius: 16px;
+  border-radius: 20px;
   flex-grow:0;
+  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);
 }
 div.app-info {
   flex-grow:1;

data/_sass/benjeto/css/home-tab.scss

@@ -15,6 +15,7 @@ nav.home-tab {
     li {
       margin-bottom: -2px;
       border-bottom: 2px solid var(--boxbg);
+      white-space: nowrap;
       a {
         display: block;
         padding: 8px 12px;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: benjeto-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.2.2
 platform: ruby
 authors:
 - Cizzuk