diff options
author | Mike Gerwitz <mtg@gnu.org> | 2017-08-01 01:30:33 -0400 |
---|---|---|
committer | Mike Gerwitz <mtg@gnu.org> | 2017-08-01 01:30:33 -0400 |
commit | 311741bac42dc3344291508ca60724ac754b73aa (patch) | |
tree | 0096814b429be5382c304266be4d1c9a6456e490 | |
parent | a816754a34bf30e3bf545afe85c7d29b5f006017 (diff) | |
download | thoughts-311741bac42dc3344291508ca60724ac754b73aa.tar.gz thoughts-311741bac42dc3344291508ca60724ac754b73aa.tar.bz2 thoughts-311741bac42dc3344291508ca60724ac754b73aa.zip |
:Octoright octoflop
It should be obvious, no?
-rw-r--r-- | docs/about/githubbub.md | 2 | ||||
-rw-r--r-- | docs/about/resume.html | 2 | ||||
-rw-r--r-- | docs/about/resume/style.css | 6 | ||||
-rw-r--r-- | images/octoright-42.png | bin | 0 -> 1471 bytes | |||
-rw-r--r-- | images/octoright-large.png | bin | 0 -> 5960 bytes | |||
-rw-r--r-- | style.css | 44 | ||||
-rw-r--r-- | tpl/.config | 2 |
7 files changed, 53 insertions, 3 deletions
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"></div> +<div class="inline-img octoflop"></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 Binary files differnew file mode 100644 index 0000000..1f863f4 --- /dev/null +++ b/images/octoright-42.png diff --git a/images/octoright-large.png b/images/octoright-large.png Binary files differnew file mode 100644 index 0000000..201467a --- /dev/null +++ b/images/octoright-large.png @@ -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" |