From 311741bac42dc3344291508ca60724ac754b73aa Mon Sep 17 00:00:00 2001
From: Mike Gerwitz <mtg@gnu.org>
Date: Tue, 1 Aug 2017 01:30:33 -0400
Subject: [PATCH] :Octoright octoflop

It should be obvious, no?
---
 docs/about/githubbub.md     |   2 +-
 docs/about/resume.html      |   2 +-
 docs/about/resume/style.css |   6 +++++
 images/octoright-42.png     | Bin 0 -> 1471 bytes
 images/octoright-large.png  | Bin 0 -> 5960 bytes
 style.css                   |  44 ++++++++++++++++++++++++++++++++++++
 tpl/.config                 |   2 +-
 7 files changed, 53 insertions(+), 3 deletions(-)
 create mode 100644 images/octoright-42.png
 create mode 100644 images/octoright-large.png

diff --git a/docs/about/githubbub.md b/docs/about/githubbub.md
index eceac1d..63c6df6 100644
--- a/docs/about/githubbub.md
+++ b/docs/about/githubbub.md
@@ -1,6 +1,6 @@
 ### GitHubbub!  GitHub Does Not Value Software Freedom.
 
-<div class="inline-img">![GitHub](/images/github-mark-large.png "GitHubbub!")</div>
+<div class="inline-img octoflop">![GitHub](/images/octoright-large.png "GitHubbub!")</div>
 
 If you hit this page expecting to have been taken to my GitHub profile, then
 this is probably not what you were looking for.  But let me tell you why
diff --git a/docs/about/resume.html b/docs/about/resume.html
index 241d06a..d3adbe2 100644
--- a/docs/about/resume.html
+++ b/docs/about/resume.html
@@ -61,7 +61,7 @@
         </li>
         <li>
           <a href="https://github.com/mikegerwitz">
-            <img src="/images/github-42.png"
+            <img src="/images/octoright-42.png"
                  width="42" height="42"
                  alt="See me on GitHub"
                  title="See me on GitHub" />
diff --git a/docs/about/resume/style.css b/docs/about/resume/style.css
index e66768b..ff009cd 100644
--- a/docs/about/resume/style.css
+++ b/docs/about/resume/style.css
@@ -216,6 +216,12 @@ h1 { font-size: 2.2em; }
 #header ul.links a {
   border:  none;
 }
+#header ul.links img {
+  transition: transform 0.25s;
+}
+#header ul.links img[src*=octoright]:hover {
+  transform: rotate(-20deg);
+}
 
 #header #infobox {
   float:      right;
diff --git a/images/octoright-42.png b/images/octoright-42.png
new file mode 100644
index 0000000000000000000000000000000000000000..1f863f49b6978726ae28b03c47c61dad02bf4bb1
GIT binary patch
literal 1471
zcmeAS@N?(olHy`uVBq!ia0vp^S|H593?x6vT4n+%mUKs7M+SzC{oH>NS%G}U;vjb?
zhIQv;UIIA^$sR$z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBsPAZi
zPlzi}fw-vHC>pvU@c;jR)1~_xfDt*hB*-tAfq~s1Vaoo8U;q96d~17qs4}yl|AK4Z
zKb-2d<l+q6@^ZF03!~cfH}^{2PyAS+9(i}4@w4NupRR76w{YW`$3J%{s2uwpCB??d
zS2&ZKWAfYD)SPO0-&c!ynZEFE5EfYO_0h!P@|@OW-Afg*-`<@+kk~(KcX7DOQ|mop
zay}Y&%3`*y%U@&ndYRInn?0Mv;w6t>30eBUcD}#Hy*{7=8I!!-U8YUU)V2h2I14-?
zi-EKU7`vU!wqsymQu1_h46!)9HZ(K*vV+Ln*-n{4jG767+8N4=7B~dPINV&~#koTF
z7So~!VSyrRt>1BV?bbN=-_+aMb5@y!W&7{9Pw(6@&c9b%&ash!W8bEtdRK=jPjsh-
zUX9Ln=wjlycI|5ZVxEO<Z>`G~aY#Rm?cL-dD=@q4eWys#!Z*41-0uoRe`B9}D1dKE
z*A|Uid~%zD125lm^j>6~_0lQx{URBeZ;e~)jx4)b`{l+*VcWgx{x^5j{<Vzd;hClD
zAtbxX##W|#PUqa-J{~^9RU-1HD*}#x={r_^Ztnhoc@l2_0#2?Hczh~#mySVU;Cj8K
z3`;JDZ4VHh+;iJ{LGbcry^B6>dc7`vU4*+whSCnJY?0XFb&`)}nNEG}IpIWaOri1H
zMQqF0dfs6=dFPy{>_w-@gnPR-SWU1l|9o`DgGp;+XY4KCfBAsY3FdF{cYMFvu6ZXf
zYO*4cRpqqLmlJoxE4((=W+w{Q#vJ<0Q#9|^mlWkyQ<mG+ZtD!;Xa8{FTJgP9&c4%+
z`V@rgH!fi?EM~cLaG%Wd-*Jw)-+q5RXtaBeUea{)DQx$gYSVAErXQO5{nmGW0lQgh
zPa>-;j|TAm_Ran*_H6REy$_9zL`$wlNc@wko7wQI^lFUryCU!V&y?;z7ti?4|G9*9
z;>Y0ro{*9!)5RojF1?bpt=H8pQQ+^kCXFrA{upQSFS_*cTlwGl#`nD1m)((CaPGnv
zp`&q3^C~LLI;J1*$oX;PFMBof^p=Z}7ixgXMzzE>q9i4;B-JXpC>2OC7#SFv>lzs9
z8X1Hb7+RT{TbUZ`8kkxc7@T?|QGuc%H$NpatrE9}-5VDi0cwy0*$|wcR#Ki=l*-_k
jlAn~S;F+74o*I;zm{M7IG8I^mGB9|$`njxgN@xNApmEzJ

literal 0
HcmV?d00001

diff --git a/images/octoright-large.png b/images/octoright-large.png
new file mode 100644
index 0000000000000000000000000000000000000000..201467a1d89ff11c5245f38d5ab3054355d1cd29
GIT binary patch
literal 5960
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

literal 0
HcmV?d00001

diff --git a/style.css b/style.css
index 55e2273..d3031c7 100644
--- a/style.css
+++ b/style.css
@@ -296,6 +296,50 @@ body.index footer hr,
   text-decoration: none;
 }
 
+#selflinks img {
+  transition: transform 0.25s;
+}
+#selflinks img[src*=octoright]:hover {
+  transform: rotate(-20deg);
+}
+
+.octoflop {
+  /* make upright again (image is rotated 270deg) */
+  transform: rotate(90deg);
+
+  animation-duration: 2s;
+  animation-delay: 2s;
+  animation-name: octoflop;
+  animation-fill-mode: forwards;
+}
+
+@keyframes octoflop {
+  30% {
+    transform: rotate(-35deg);
+  }
+  50% {
+    transform: rotate(25deg);
+  }
+  65% {
+    transform: rotate(-17deg);
+  }
+  75% {
+    transform: rotate(10deg);
+  }
+  85% {
+    transform: rotate(-5deg);
+  }
+  90% {
+    transform: rotate(3deg);
+  }
+  95% {
+    transform: rotate(-2deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
+
 .hn-icon {
     display: block;
 
diff --git a/tpl/.config b/tpl/.config
index 1aa2b24..094eabb 100644
--- a/tpl/.config
+++ b/tpl/.config
@@ -123,7 +123,7 @@ html_index_footer=$(cat <<EOM
     </a>
 
     <a href="/about/githubbub">
-      <img src="/images/github-42.png"
+      <img src="/images/octoright-42.png"
         alt="Don't see me on GitHub"
         title="Don't see me on GitHub"
         width="42" height="42" border="0"