benjeto-jekyll-theme 0.2.1 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 93f5884e254bc5017623def809c781d10ec8cb6508e8ed375e052790462cab1b
-  data.tar.gz: be4fe9cfc0bf39086066fff9b572f78b1c3dadda3924f6be6007eef623117225
+  metadata.gz: 8e4c39d60e45ee85d42fb23a4e614bf0437f57d2f30b4fde63d5fbb29b35ee77
+  data.tar.gz: 56ad00e8c5830ab3f30f4030396bd6029d42580b3269e4af15784b28dc921314
 SHA512:
-  metadata.gz: c473be2dc86e39bbe94aac4f8eb31445896c4896c51600f9930de65cb5b2b0e8cce5abc4097ab87d884cb9831390de05ca7b65877dadcf86c47eb80b843bac3d
-  data.tar.gz: 6c68a94c3af351d51e98d66ddb0cd053e87ca20753c511b1b67813ab1882f827df8c6802f07a8303a370668575cadcaf54883c1cfbd93a5d7139ca6c0708b21f
+  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;

metadata

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