From e7b654c16f38209f78c300a25f038ee297c6a3e7 Mon Sep 17 00:00:00 2001 From: Andrew Gioia Date: Tue, 7 Jul 2020 22:07:13 -0400 Subject: [PATCH] Hover animations on links, cleaning up dist --- .gitignore | 5 +- dist/.gitkeep | 0 dist/icons/andrew.eot | Bin 2616 -> 0 bytes dist/icons/andrew.svg | 29 --- dist/icons/andrew.ttf | Bin 2456 -> 0 bytes dist/icons/andrew.woff | Bin 2532 -> 0 bytes dist/icons/andrew.woff2 | Bin 1412 -> 0 bytes dist/img/gioias.svg | 41 ---- dist/index.html | 36 ---- dist/site.css | 434 ---------------------------------------- package.json | 1 - src/icons/andrew.eot | Bin 2616 -> 3044 bytes src/icons/andrew.svg | 2 + src/icons/andrew.ttf | Bin 2456 -> 2884 bytes src/icons/andrew.woff | Bin 2532 -> 2960 bytes src/icons/andrew.woff2 | Bin 1412 -> 1732 bytes src/index.html | 7 +- src/scss/_icons.scss | 27 ++- src/scss/theme.scss | 50 ++++- 19 files changed, 73 insertions(+), 559 deletions(-) create mode 100644 dist/.gitkeep delete mode 100644 dist/icons/andrew.eot delete mode 100644 dist/icons/andrew.svg delete mode 100644 dist/icons/andrew.ttf delete mode 100644 dist/icons/andrew.woff delete mode 100644 dist/icons/andrew.woff2 delete mode 100644 dist/img/gioias.svg delete mode 100644 dist/index.html delete mode 100644 dist/site.css diff --git a/.gitignore b/.gitignore index 91dfed8..a42685d 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,5 @@ .DS_Store -node_modules \ No newline at end of file +node_modules +dist/* +!dist/.gitkeep + diff --git a/dist/.gitkeep b/dist/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/dist/icons/andrew.eot b/dist/icons/andrew.eot deleted file mode 100644 index 3b8df4318f73f4371ebacdceb5857eb1fbf71a43..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2616 zcmaJ@O>7)V6@K+!{WCq?Gt)i)c2CBh@q~D6$M(#|u}!>(NXwE0WwQYS5zIP+ZDD&X z+fkB5LKfNs+5?2!B5^<eh;RtqMfVv?pKpW;!^1LlVQ7{WmfWiEY*XAy!GvWl15Aglw=3eh0 zfBTQ$N2Ln#x3+pm2RORON2A`_ee|ube*II_B@Y3_TigBKz2dFjdjRq?ly|lfP(Ne8 z2T)7MPi^lVKXd@63F<4z7j_4mJ^FX@4)T#dXRr700MhU;?Dw1qJdMT_1F%94@AS{2~%65=Lk{9`F%;S+NDpVQOWDtrPlO-}!o=V&+XmjFSn z^caST(Y+L_Jk$ICn12`u~ohZ)eX)K{tx6$b?brut~_1GJN2@yn*WB<>BBH~ww$^}W#$OAqYdgQj=h(a`) z6y^(l-OzbYT4+KfOO-4;tBh*KZ)KU|c%kdhcy7_KZ9)hu`Zl)+ zwexn+%FW)LO;;UnI_Fd!E-7c4E9Pbh;kf#)I}`X9f~-Td(ylJd2bb?wyd0y9>8Wxs zACifw`n8#vnfrtbMHEhzQ=%o4ng}L{5+X}PS}9fLt`K&>HKo#E9_55{&N%%gQ>v89 zRg98(=||VSdZzug^Rw5(a3PH!&Mg^S$P21uC6}ABxfZx2oDqr+ecLSxA$6v16DdT- zu_rQxL^r5zR0*SkseH|x+rLlf-d&wma!gu1;X8y;)Y<%)Y)m*$|^gB z2Izz$(99Ys%rKm*!4%g)+MV{pt5YivR&PpM)?S_r&S#v0Av8BF+!4RvX)6_GymQ{# zo9kwkShictCjuerR|ltZmd%MO(X43ND1B&A__+;PTpc)^x`3>S?#6O-b=Y z)5WxrF>oq|XE+6gJ1RQOqXfkF#+`TdH`1&B28+kX_n*)I0Piq>WW?-@PFlS0@SIN? z+Qjz;UII~LpNyU6iH1xh2@{ziU&Hs+7%?FS6XY%W5pvNSBz%hAqxLjH%nUmhemC?_ zP&2WJG!^`0h%>|=4rz|`uZFb1oBhi}S|a}TkT#(NzZudN%v_$;zkTzin{yL;BEInGi{d - - - - - -{ - "fontFamily": "andrew", - "majorVersion": 1, - "minorVersion": 0, - "fontURL": "https://andrewgioia.com", - "version": "Version 1.0", - "fontId": "andrew", - "psName": "andrew", - "subFamily": "Regular", - "fullName": "andrew", - "description": "Font generated by IcoMoon." -} - - - - - - - - - - - \ No newline at end of file diff --git a/dist/icons/andrew.ttf b/dist/icons/andrew.ttf deleted file mode 100644 index c3c76e4ab64558492021cbd1296c26d6ec7e75c6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2456 zcmaJ@O>ARV6+ZX>z8}9I+wb{5c^)TrJWQN;lGscpNhe*5RH~Uu)9C=EBXBb&iAd}y z$!KPZgd)@h>H^9RBo+vSxZ&R9(^D6pJR*SRqD?n`#8p{$jfZ@R+do&)MH)(m-PH??MjOXYJsxs6 zszzO^1W+SVIYcELj)@<-#y1jek+lu7=8y(5J-OGmNVgMCW8yfIyS|EE-Fm0H+F2RF zwh}fpj)X9dobW#lik6^ER5lz1jT!L9&=cBPJq}TCke9i|e8TCHO&D|8T}CPM2(=<9 zJwbFyS(2#|6@pVkIFwUrGDMQ)X0v&7Zf@2IQfu3aV#{TM_4(TEMd=D5^2_<4X6T$R zEp#E0rHYoFQAQ;lG&9U`{KyLye6L{GHX(!+0-IZe+BrLHW*6@+x)sNt&pH){OUjw% zig{^5IDUQ4TL^f18ewIybh?Z(2w!hOPpA_`OGlxWGM zCV~l~gvb!#Dy2%?6T%L;rc@ftr<`!k8K=KyN)@x&vQadz{P?C{OSispaq(spwOxF1 zZprXcPEaMw+3cLnwZKop8KFoR*j_;hsna!^NFmaWJ(JF_74fBJx?yFzLKqcHAc;!;6oWc*Y^y_Td0bGCe?Qr(WE7Ov^mGpVBO&3dyNGgxZbW>{P+ zWg9o!L$18E6D%#<#8sfuUithukumpkQm-LmCmgye;GUMS%hM%FNVsSV0# zVL8tPv$T=5%#5K-{F(CYJi&!y7-c{6rNAy&SluEfCc>0P!E++d3Qcx~D@+M)YT=pg zd{B9=`qp=vW={KMJ5$mOt5D*CV9eB+dC$ryJB1ENLebF37%8kU%++9u>(KS)gXsF) z`h$&I(w5cdXTytWCvOPNO$%4VuefWaqO^a(-+W_h^No#E-qIFj$b}n}Z{UkY*P`ln zHC3>+C#B#*INA)Ys}HVjes@!+4Zr4kMQuuoJDM)IM%uts4Bv3_3RhITo5ux+&r7eq zqrd5Hdn=kcAoYCjC8XaSjqbLH4*kiI6Dc&VxUV`3WLN9x+nE&&GC!_J?Dcqx_q(EbwIi z>R6U&e`_q8P=r5>WeakUj?XA=pv6YiNT%SxFUK-N`}f8&NBOs7SwIM{k7bGWx5u&x ztMJdUY(Wc}y}`ZX{sZX20Pevt^x?tY>FLqQ`qI*9W_N$M-)rp*4`B~Z@j8MNScfIN zrd(hb_HmQgM_UVaP&&NRKR($X4x)Bz8SWtKF}lT&0YuP7(DJi!pS9fT@7_P?9m6do z*oFJ}_oN5M&%&+`2dB|)f6zbfo%ZiVuRn@j*csj!4hJo`o`gKbpu5O1ND}GcTlDc| bBm6**uzw-R_y!{5^jf2T71O`+|H%IZQ+OTw diff --git a/dist/icons/andrew.woff b/dist/icons/andrew.woff deleted file mode 100644 index 7d8fe0e41b29b3ba177adbb6d283b21aab432559..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2532 zcmaJ@O>A6O6+ZX>{muKCnfK=3ev`3hJRu%?Vta--wu!s2C{+?EO@k;zFm(po!k&q2 zM^1`_BGd)y0?MvPte~iyDiVu|O&3*L+6^lt)CC|_f=z&m6+4hQ_sw+T5Q+QVx%WHY zJ@=gZ?wot?oLt}90s>gfzk;2#Z;o`0pDx#5T(}583}nBf#Y>Ba+Xub7$nBzjQ%mmF z?|-z@JJQ^HsB2p-{?7h`?;`gRfOt*IH@@}xd%OMK9RT%J?C)qP-0VHtMH0D(sLyCo zzhIy29vt6C?k&{wT3mqr{o%H@(=kv5m;Q~sdCE>`%4) z_T2|RygNKP#_#=TV#g3M_7Zsm1OWXR)gFE_YRTVWiI}LLEyO>oX?z9XF=6kYz7JOz z3Np!>VyjD>)JYUXW$e?qjJ38Z1BWkTYvD>!dDg|K|*-o_@+cV-GQY041owd02vVz!jVAM4_xVmOI^cSJqY3 z={DLf$xV@Ni!_vsy36MpjW)KOx^8mVszzO^#Gpo`a*0YRY?E;~RKMtGgRHEP6_+&7 z(--f`2I+R9vo<=;sk#?P_bbh6XA2rpDDw`F;s9-9Wa-^b?*`XmMwL&YL&vKJTOQph6KGzI_f}u?6 zw{z9!s>-E|Gc)hj_ct3aT}YKvxG)PZ&rMy9O4&?NsU+Pgym0yl_Ach~5dMVQW9i}- z=`>0VtT9QFYZOTKOu2BCETIwZoy20| z{MoL_B+qmuQ%a&ue5y(C7O9<+iu~IucS^vW=^=PTmRYe!5}@p|k}dR>~;&sfuss z?3u64mOJG~UfFgtLh?d8FO+aiGi#cGG)&59VKL7HvkfzATNzVX_%r3(d4e0qG|NHe zOQBP+F}sC!OoS!Pg73z@9a-!l?l2{|WeDH$X2Z%?s;_^qY2}Qd>|{y?!z`4zAsDla z%&c!`l#{{%=!7EC$e1b2Fr2H&6gMKzpAF-!nbniE8`6>0=cc3cX*X{QgIhN4h+lEf zPQ~fqT(JJ?#`>#ksl092l%X#?paK&=G`;_FWB5`EE`)1Xk$w5(^7{AJjkFom zJilmIlH!SG6g)F+;#ADQbn^;#ls?UM0-{`h`EBFd-rB#w=E;ft$MZjaq`|1g?9?Z% zz7z3OP701m?hU*IbYY*JIn5IW(G3$idpUZWqNrsp8x^W?_Gi!AAX zy7J-Uv44V=qY>It!OzD$L;n64bHu+MV}bt;zCOkh`PawTf+Bo4#x~?2t?wvqBIBUd z2vfYHe>uhs`5%liNBo;H77)QJV=R$>V~j0WhCh$74J~N)26qnoC(wfd+<`;r!^!UP z@!g}E4-bhw2R*J8%#7(f{GIW?RF-alF$X^bdQ-{X6k1 z58~&yhgXNgK?}B$kjEHw2Yn2ZiS+O*`uMRiF3 BBuoGR diff --git a/dist/icons/andrew.woff2 b/dist/icons/andrew.woff2 deleted file mode 100644 index 523d2a1a36f2ca15928ab1ca35dc00a1103e80ce..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1412 zcmV-~1$+8;Pew8T0RR9100o2q3jhEB011o$00lPy0RR9100000000000000000000 z00006U;tDR2nvdLh!+7i0we<%3l0DTAO(Y02Ot|;2P2Y8PDS>Q!`Lys88$)mKrKtHg3WY7+5wmrgM00_-{2um4uJ}df2MiwWk z%5VGv%HH2-|G0PBnAm;5?%joBX%}Edf9%GhF>y@XgR;&83TV-$ZCz$vCIM+1d0x_b zh4mc#f-e9Z&qfQ%0GJ%R2wQy3ssXwI&}T+;O8Nn{ ze+I{Kk|*Tz1TBPH+M1E_XeCPdh=!U)F!?+H~u`@76=J&ay!&4T_!f*#5j{^IVh_=L>9F zk|VuNTQPBamfk@h8&f9Avg_p?BRM1W-W^BJokGe+?$zABY0sU9<~V*}VaG|!Dep^Z zn(}R#d?=M|Ol5mV#m!t}MgKPp5XGcl_#mP}|dft6|mh|`Kps}1@>f>h?d4DEh znXHiZzs!hHu3~e({&qcbyPqXHC}{U?DcB9pjywC6-W{_j1*nNs)@KrlEnON5grvPb zeZjbZCzmh}e$icjfT|6+M)(t4=el4ae(^Rj(Avqu=%`MaYviNCaR3f40tl#x#xzeKmI{$4KKvr|ColP(Kl4&vb(5r%E6+Mcr@ z_(GBL>1U^|3#0vRp1Ky0W$5kP=~ZX-RZGbCtj)>$@L@`B?A{EwtNIp^z&qs~pF5^} zFXoCGjl&7;EGJbHRWoOoSyuVu#lOCy`(BpGhLa|>f%%gNO~k{iedl>iwL96m&g>-h z#}$;Xph4!aAa3Zw?~(i8x6eI#Xhr;RJVFq^dCM1myYp3p z6t4jl0ASHO_)}a0Nxg;d!X<{d>?=0gf&aGz2dsIVAP{RY zCzPDUzbJ$`BA^5?rPLMyNXil38b7%U<}{o()JK#6K45tI07sZ2RFZB3Wu#mn5SDNk6`<|NDU?vz`fn8j5Zhg - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/dist/index.html b/dist/index.html deleted file mode 100644 index 319bab2..0000000 --- a/dist/index.html +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - Andrew Gioia - - - - -
-

- - Andrew Gioia, - - - dad, designer, & co-founder at TeachBoost, - - - living & tinkering in Pittsburgh. - -

-
- - - - - diff --git a/dist/site.css b/dist/site.css deleted file mode 100644 index 5a587d4..0000000 --- a/dist/site.css +++ /dev/null @@ -1,434 +0,0 @@ -@charset "UTF-8"; -/*! AndrewGioia.com style definitions v7.0.1 */ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -/* Document - ========================================================================== */ -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ -html { - line-height: 1.15; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ -} - -/* Sections - ========================================================================== */ -/** - * Remove the margin in all browsers. - */ -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ -hr { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -pre { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ -/** - * Remove the gray background on active links in IE 10. - */ -a { - background-color: transparent; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ -abbr[title] { - border-bottom: none; - /* 1 */ - text-decoration: underline; - /* 2 */ - text-decoration: underline dotted; - /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ -code, -kbd, -samp { - font-family: monospace, monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ -/** - * Remove the border on images inside links in IE 10. - */ -img { - border-style: none; -} - -/* Forms - ========================================================================== */ -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - line-height: 1.15; - /* 1 */ - margin: 0; - /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ -button, -input { - /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ -button, -select { - /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ -button, -[type=button], -[type=reset], -[type=submit] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ -button::-moz-focus-inner, -[type=button]::-moz-focus-inner, -[type=reset]::-moz-focus-inner, -[type=submit]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ -button:-moz-focusring, -[type=button]:-moz-focusring, -[type=reset]:-moz-focusring, -[type=submit]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ -legend { - box-sizing: border-box; - /* 1 */ - color: inherit; - /* 2 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - white-space: normal; - /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ -[type=checkbox], -[type=radio] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ -[type=number]::-webkit-inner-spin-button, -[type=number]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ -[type=search] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ -[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ -/** - * Add the correct display in IE 10+. - */ -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ -[hidden] { - display: none; -} - -body { - background: #f3f3f1; - display: flex; - flex-direction: column; - font-size: 16px; - height: 100vh; - justify-content: space-between; - overflow: hidden; - width: 100vw; -} - -main { - border-top: 1vmin solid #fff; - padding: 6vmin; -} -main h1 { - color: #002953; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; - font-size: 4rem; - font-size: 10vmin; - font-size: max(10vmin, 24px); - font-weight: 700; - line-height: 1.15; - margin: 0; -} -main h1 span.who { - display: block; - font-weight: 900; -} -main h1 a { - color: #0069ff; - text-decoration: none; -} - -footer { - align-items: center; - display: flex; - flex-direction: row; - justify-content: start; - padding: 6vmin; -} -footer a { - font-size: 3rem; - font-size: 5vmin; - font-size: max(5vmin, 32px); - margin-right: 2vmin; - text-decoration: none; -} -footer a .icon-github { - color: #24292e; -} -footer a .icon-mastodon { - color: #3088d4; -} - -@font-face { - font-family: "andrew"; - src: url("icons/andrew.eot?9vzntv"); - src: url("icons/andrew.eot?9vzntv#iefix") format("embedded-opentype"), url("icons/andrew.woff2?9vzntv") format("woff2"), url("icons/andrew.ttf?9vzntv") format("truetype"), url("icons/andrew.woff?9vzntv") format("woff"), url("icons/andrew.svg?9vzntv#andrew") format("svg"); - font-weight: normal; - font-style: normal; - font-display: block; -} -[class^=icon-], [class*=" icon-"] { - font-family: "andrew" !important; - speak: never; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-github:before { - content: ""; -} - -.icon-mastodon:before { - content: ""; -} - -@media only screen and (min-width: 1280px) { - main { - padding-right: 20vmin; - } -} -@media only screen and (min-width: 1440px) { - main { - padding-right: 32vmin; - } -} diff --git a/package.json b/package.json index 39d2603..b5e8ec7 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,6 @@ "normalize.css": "^8.0.1" }, "devDependencies": { - "sass-loader": "^9.0.1" }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1", diff --git a/src/icons/andrew.eot b/src/icons/andrew.eot index 3b8df4318f73f4371ebacdceb5857eb1fbf71a43..b8e56de5ab37d63dd42f42fcb279607816ac34a9 100644 GIT binary patch delta 750 zcmZXRO-vI(6vyA}EZvsU!mg$5Qc~@1ZOL{a(sp+bLTe~Z2ndE)%U4j!XN?q^z@fw@ z1>?yZ_MlOt#w(sA1`os-5@S4gX(S%Ja@2St@l<_V_2eXPUViWY{_`d?Z(JuH%ZVLe z(7tQYX>Gi`o7}8?0Dwb`xrIWm=*iaZ0gz7Q%t~&fh`9~f%+{6Ft>sS#FAtDQ09-J? zlv@-tM|~(gL0!*dfqOweB7a5><_nu8H;@O&KatO^t}o;)W%eO}&5JA)a-|~hJ@5ky zs@brXD=fW#y>$oqG7kAtT;JFPiVE0+rVf-os?L!lq1ESPgwXwO;GF zP4%oGiUM=3{uJew7BXKyymdqQ3w78KVh8~MHw04(8mO>gYx662||7oK5VwKA6f}O{eEO zeO}LGqJMO3R`L`7KuF=+`V}RX)>SpZ^AV-1+vOV3wAAd_==xcI{c%z^l1alz;IrW8 zVO%MX*KV}-or0Y;{}jF|Z%_Z_>O0OzTmRG>BEBsEasXq5MLXt5Lum#V_{m-7hyuNj V74vi}e8(^sQw=nq*-u$d$#2@#jH3Vm delta 319 zcmaDNzC(n~f{TG+2IoXJGiHwEQ4{S;>Khms81?{hLUL|mfq2-Z4h9BB86ZC-J+Zg| zNDBb@AetjRr!p-v<}FYyV+8{PYfDCIVv1x);yMNfwm(35vkagB`y%G!3=HfhK)y;w zZb=0n149mw9|7b`Udlo~ diff --git a/src/icons/andrew.svg b/src/icons/andrew.svg index 3c762ad..195885b 100644 --- a/src/icons/andrew.svg +++ b/src/icons/andrew.svg @@ -26,4 +26,6 @@ + + \ No newline at end of file diff --git a/src/icons/andrew.ttf b/src/icons/andrew.ttf index c3c76e4ab64558492021cbd1296c26d6ec7e75c6..c558a0098a454652b758bea2c1e318d2bbc60f37 100644 GIT binary patch delta 750 zcmZWm&rcIU6n?X_?Y5Q{b}4O_l1g`LOSTI_+wC5NR;f)0Pza%xUqLB9YoyQw4kePb z7*F1WgG7xcdc>2&a3RJJjq%`xNIdvA7*8ags&A{Fe94=a@B8MP_hx3l`Ms+G1ORMM z1q$7xYq7p14D#|ubsFX$)4Ul0ch#m%w{$Ror*5x1|dFI>x;x7mFFs|N|8m@k)rhaZSl zW5Zg$xb)%8);+|-*yL+zePa^`#jpho9VmVL@LiJ7T{1-I;V^k^s^EPNC@=>QLWiH2 zoo-h|C%n@Yjl?xR77TTfP`A{BYZsCIlDP#H5+P2qFLj;a`=2$Zka}0e?75yl(FBL znyktgJ2RD;wT_I>H5i;87+CarTfK9s)YwS!>XgT$UUIkY*!Xm(B1=7Xhr z-ewz&Yl?EEvB~c*XS2&fNL52YRSnXrByZ;?3b!Y6cO}VcS>mi>>&@$_?07mo-{$qW zClh^{ky*({eEmU%Z|YN&XgaQ{37!ut9i2|+kfx<(M>6XdeYGdaxSmYvdIFyXzYcSB zd+hX9WA8cGSmQ_GoAUPjU)^ix^t9ywfXQRcTRo-8=Z)s delta 319 zcmX>iHbc0cfsuiMft#U$ftkU;KUm+0Ux>850V! zKw1FE2hkkqIhARVF>irt87mkVSX(ku6H_EZ64x;>u>Aqbn`Hn6*cUM$XJBAA0rFKc za!V@s7#MPZ{0JalA}2rDF_GyN;|!nx$Uwf_#EJq2eunozeglxNke8U7dUR`L6Og|E zXvy`0{NfUzLxF%3Xd#0F12c2z!~^z>jFT9>85uYGFm7U10*V8@hVb0|!`! OX|f@=@MeF`uZ#fs7(Ofj diff --git a/src/icons/andrew.woff b/src/icons/andrew.woff index 7d8fe0e41b29b3ba177adbb6d283b21aab432559..00d9a6b4fd513c8d97563c01aca03ba581cf6885 100644 GIT binary patch delta 795 zcmZWnOH30{6uo!ez_j)QQ%cKFQ|U}?aXJv`Zx%vpC?y1>gjmZjsO4KD1rkVvNK!Da zT%lb^G||K@t|W#HaX~c3g$qfD3%4%Z7*=encM7h2$(j4^Ip@Cn=Dqi`VcYF`Fx1-% z2sA9)V5!C)!16b9!_zCS(&y=7ei;A@BxDV^b4O3+^D72-K)LB0_45nsbHsfF5c~$d z?!VnH%;smv@{2ri15);|vp^((xrK7_fnRvTz7&e9YsB?XZtyKGz~>7~)8xyTX#sE; zsNLXqiupBaY$o%W5kxpy%ok^g+o9&)4SagP{%Cn=WtIMiyyrefGsa$&t(ZhszJUYC z_IB`HO$h;Z8F0H0q*@==I^C|Yj-t~Q3CCk%G!SgZ;8nSUzU`>^Ad~ z>W@XM)d~x{&TFFa2xq%LHoB?M*qSI!EVd4MUHyUazP=fcr`dBil^V_@ua7k~X_wv2 zTNW|hrYdrW&2G0x{C=&YTeMjE<1tmeR#)%yt!1-wj-aLm1DY0Ko3gTz8!6ly$vu>1 zvuRc^OU<`?QrVm7^wdR9lY2DLHJF){z3A-@sA7GWsz%arO-qPkNNsI%ItOC0)MRFG z>5{kdG8xyCNnKCSvC!2KhBk(e?$mXjf`umn;D`F*^j|D52zuId##co;TL8*^gaMw) jDTb=b1#p5FA9IHc*fU~`)lKlb`i|*JjAy@hBAnu1Ra%Z^ delta 344 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 diff --git a/src/scss/_icons.scss b/src/scss/_icons.scss index 69ccc3f..8fb2b66 100644 --- a/src/scss/_icons.scss +++ b/src/scss/_icons.scss @@ -1,11 +1,16 @@ +$icon-arrow: '\e902'; +$icon-email: '\e903'; +$icon-github: '\e900'; +$icon-mastodon: '\e901'; + @font-face { font-family: 'andrew'; - src: url('icons/andrew.eot?9vzntv'); - src: url('icons/andrew.eot?9vzntv#iefix') format('embedded-opentype'), - url('icons/andrew.woff2?9vzntv') format('woff2'), - url('icons/andrew.ttf?9vzntv') format('truetype'), - url('icons/andrew.woff?9vzntv') format('woff'), - url('icons/andrew.svg?9vzntv#andrew') format('svg'); + src: url('icons/andrew.eot?#{$version}'); + src: url('icons/andrew.eot?#{$version}#iefix') format('embedded-opentype'), + url('icons/andrew.woff2?#{$version}') format('woff2'), + url('icons/andrew.ttf?#{$version}') format('truetype'), + url('icons/andrew.woff?#{$version}') format('woff'), + url('icons/andrew.svg?#{$version}#andrew') format('svg'); font-weight: normal; font-style: normal; font-display: block; @@ -25,9 +30,15 @@ -moz-osx-font-smoothing: grayscale; } +.icon-arrow:before { + content: $icon-arrow; +} +.icon-email:before { + content: $icon-email; +} .icon-github:before { - content: "\e900"; + content: $icon-github; } .icon-mastodon:before { - content: "\e901"; + content: $icon-mastodon; } diff --git a/src/scss/theme.scss b/src/scss/theme.scss index 554f45b..8ca33ec 100644 --- a/src/scss/theme.scss +++ b/src/scss/theme.scss @@ -3,7 +3,8 @@ // normalize @import "../../node_modules/normalize.css/normalize"; -// our stuff +// variables +$version: '1.0.3'; $bg-light: #f3f3f1; $font-color-navy: #002953; $font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; @@ -14,6 +15,10 @@ $screen-laptop: 1024px; $screen-display: 1280px; $screen-full: 1440px; +// icons +@import "icons"; + +// fit and finish body { background: $bg-light; display: flex; @@ -62,21 +67,52 @@ footer { font-size: 3rem; // basic fallback font-size: 5vmin; // premium fallback font-size: max(5vmin, 32px); - margin-right: 2vmin; - text-decoration: none; + margin-right: 4vmin; - .icon-github { + &.github { color: #24292e; } - .icon-mastodon { + &.mastodon { color: #3088d4; } + + &.email { + color: #ef5777; + } } } -// icons -@import "icons"; +a { + position: relative; + text-decoration: none; + + // novelty arrow + &::after { + color: inherit; + content: $icon-arrow; + display: block; + font-family: 'andrew'; + font-size: 75%; + height: 100%; + opacity: 0; + position: absolute; + right: 0; + top: 0; + -webkit-transform: translateY(-20%) translateX(80%); + -moz-transform: translateY(-20%) translateX(80%); + transform: translateY(-20%) translateX(80%); + transition: opacity 150ms ease-in-out, margin-top 150ms ease-in-out; + } + + // show the arrow on hover + &:hover::after { + display: block; + margin-top: -3px; + opacity: 100; + } + +} // media queries @media only screen and (min-width: $screen-display) {