Issue GDSC-University-of-Seoul#99 (gradient border)

jminie-o8o · May 16, 2021 · d6d3fff · d6d3fff
1 parent d93efa7
commit d6d3fff
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 5 deletions.
diff --git a/_data/author.yml b/_data/author.yml
@@ -14,13 +14,15 @@ Enoch-Kim:
   email: [email protected]
   github: Enoch-Kim
   role: core
+  blog_team: true
   web:
 MOBUMIN:
   name: 김수빈
   display_name: 수빈
   email: [email protected]
   github: MOBUMIN
   role: core
+  blog_team: true
   web:
 r4k0nb4k0n:
   name: 최형진
@@ -45,6 +47,7 @@ min6choi:
   email: [email protected]
   github: min6choi
   role: core
+  blog_team: true
   web:
 easter:
   name: 이승현
@@ -88,6 +91,7 @@ jeongukjae:
   email: [email protected]
   github: jeongukjae
   role: normal
+  blog_team: true
   web:
 hye1ng:
   name: 박혜인
@@ -193,6 +197,7 @@ LeeMir:
   email: [email protected]
   github: LeeMir
   role: normal
+  blog_team: true
   web: https://leemir.github.io
 keepproceeding:
   name: 오원진
@@ -242,6 +247,7 @@ yuniwisdom:
   email: [email protected]
   github: yuniwisdom
   role: normal
+  blog_team: true
   web: 
 kir3i:
   name: 유시온
@@ -256,6 +262,7 @@ hyehyeonmoon:
   email: [email protected]
   github: hyehyeonmoon
   role: normal
+  blog_team: true
   web: 
 owao:
   name: 염정윤

diff --git a/_includes/authorbox.html b/_includes/authorbox.html
@@ -1,16 +1,20 @@
 <!-- begin authorbox -->
-
+{% capture className %} img-circle {% endcapture %}
+{% if author.blog_team == true %}
+{% capture className %} img-circle author-blog-team-border {% endcapture %}
+{% endif %}
 <!-- conditional-rendering authorbox or blank -->
 {% if author.name != "_blank" %}
 <div class="col-lg-3 col-md-6 mb-30px card-group">
     <div class="author h-100">
         <div class="author-img">
             {% if site.lazyimages == "enabled" %}
-            <img class="img-circle lazyimg"
+            {% assign className = className | append: " lazyimg" %}
+            <img class= "{{ className }}"
                 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAQAAAA3fa6RAAAADklEQVR42mNkAANGCAUAACMAA2w/AMgAAAAASUVORK5CYII="
                 data-src="https://github.com/{{author.github}}.png" alt="{{ author.name }}">
             {% else %}
-            <img class="img-circle" src="https://github.com/{{author.github}}.png" alt="{{ author.name }}">
+            <img class= "{{ className }}" src="https://github.com/{{author.github}}.png" alt="{{ author.name }}">
             {% endif %}
         </div>
         <div class="author-body">

diff --git a/assets/css/screen.css b/assets/css/screen.css
@@ -17,7 +17,7 @@ License: https://www.wowthemes.net/freebies-license/
     --light-green-color: #CEEAD6;
     --light-yellow-color: #FEEFC3;
     --light-red-color: #FAD2CF;
-  }
+}
 
 .full_logo {
     margin: auto;
@@ -275,7 +275,6 @@ span.post-read {
 span.post-read-more {
     align-items: center;
     display: inline-block;
-    float: right;
     margin-top: 8px;
 }
 
@@ -987,6 +986,23 @@ iframe {
     margin-left: 0px;
 }
 
+.author .author-blog-team-border {
+    border: 3px solid transparent;
+    background-origin: border-box;
+    background-size: 400% 100%;
+    background-image: linear-gradient(135deg, #ffa551, #f7afff, #8df1f8, #ffa551, #f7afff, #8df1f8);
+    animation: GradientBorderAnimation 2s linear infinite;
+}
+
+@keyframes GradientBorderAnimation {
+    0% {
+        background-position: 0% 50%;
+    }
+    100% {
+        background-position: 100% 50%;
+    }
+}
+
 @media (min-width: 768px) {
     .author-blank {
         display: none;