From 6fdd9474424ef333324cb52cf456df8d76ed6d92 Mon Sep 17 00:00:00 2001 From: Andrew Gioia Date: Tue, 7 Jul 2020 17:03:24 -0400 Subject: [PATCH] Design is looking close to final already, moving some things around --- dist/css/app.css | 3 - dist/icons/andrew.eot | Bin 0 -> 2616 bytes dist/icons/andrew.svg | 29 ++++ dist/icons/andrew.ttf | Bin 0 -> 2456 bytes dist/icons/andrew.woff | Bin 0 -> 2532 bytes dist/icons/andrew.woff2 | Bin 0 -> 1412 bytes dist/index.html | 25 +-- dist/interaction.js | 100 ------------ dist/{normalize.css => site.css} | 257 ++++++++++++++++++++----------- dist/theme.css | 29 ---- dist/theme.css.map | 1 - package.json | 9 +- src/icons/andrew.eot | Bin 0 -> 2616 bytes src/icons/andrew.svg | 29 ++++ src/icons/andrew.ttf | Bin 0 -> 2456 bytes src/icons/andrew.woff | Bin 0 -> 2532 bytes src/icons/andrew.woff2 | Bin 0 -> 1412 bytes src/index.html | 25 +-- src/interaction.js | 0 src/scss/_icons.scss | 33 ++++ src/scss/theme.scss | 91 +++++++++++ src/theme.scss | 39 ----- 22 files changed, 390 insertions(+), 280 deletions(-) delete mode 100644 dist/css/app.css create mode 100644 dist/icons/andrew.eot create mode 100644 dist/icons/andrew.svg create mode 100644 dist/icons/andrew.ttf create mode 100644 dist/icons/andrew.woff create mode 100644 dist/icons/andrew.woff2 delete mode 100644 dist/interaction.js rename dist/{normalize.css => site.css} (58%) delete mode 100644 dist/theme.css delete mode 100644 dist/theme.css.map create mode 100644 src/icons/andrew.eot create mode 100644 src/icons/andrew.svg create mode 100644 src/icons/andrew.ttf create mode 100644 src/icons/andrew.woff create mode 100644 src/icons/andrew.woff2 delete mode 100644 src/interaction.js create mode 100644 src/scss/_icons.scss create mode 100644 src/scss/theme.scss delete mode 100644 src/theme.scss diff --git a/dist/css/app.css b/dist/css/app.css deleted file mode 100644 index c164b82..0000000 --- a/dist/css/app.css +++ /dev/null @@ -1,3 +0,0 @@ -body { - background: #f3f3f1; -} \ No newline at end of file diff --git a/dist/icons/andrew.eot b/dist/icons/andrew.eot new file mode 100644 index 0000000000000000000000000000000000000000..3b8df4318f73f4371ebacdceb5857eb1fbf71a43 GIT binary patch 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 new file mode 100644 index 0000000000000000000000000000000000000000..c3c76e4ab64558492021cbd1296c26d6ec7e75c6 GIT binary patch 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 literal 0 HcmV?d00001 diff --git a/dist/icons/andrew.woff b/dist/icons/andrew.woff new file mode 100644 index 0000000000000000000000000000000000000000..7d8fe0e41b29b3ba177adbb6d283b21aab432559 GIT binary patch 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 literal 0 HcmV?d00001 diff --git a/dist/icons/andrew.woff2 b/dist/icons/andrew.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..523d2a1a36f2ca15928ab1ca35dc00a1103e80ce GIT binary patch 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 - - + Andrew Gioia -
- - Gioia family face icons - -

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

diff --git a/dist/interaction.js b/dist/interaction.js deleted file mode 100644 index 25db8ad..0000000 --- a/dist/interaction.js +++ /dev/null @@ -1,100 +0,0 @@ -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); -/******/ } -/******/ Object.defineProperty(exports, '__esModule', { value: true }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "./src/interaction.js"); -/******/ }) -/************************************************************************/ -/******/ ({ - -/***/ "./src/interaction.js": -/*!****************************!*\ - !*** ./src/interaction.js ***! - \****************************/ -/*! no static exports found */ -/***/ (function(module, exports) { - -eval("\n\n//# sourceURL=webpack:///./src/interaction.js?"); - -/***/ }) - -/******/ }); \ No newline at end of file diff --git a/dist/normalize.css b/dist/site.css similarity index 58% rename from dist/normalize.css rename to dist/site.css index 192eb9c..5a587d4 100644 --- a/dist/normalize.css +++ b/dist/site.css @@ -1,25 +1,24 @@ +@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 */ + line-height: 1.15; + /* 1 */ + -webkit-text-size-adjust: 100%; + /* 2 */ } /* Sections ========================================================================== */ - /** * Remove the margin in all browsers. */ - body { margin: 0; } @@ -27,7 +26,6 @@ body { /** * Render the `main` element consistently in IE. */ - main { display: block; } @@ -36,7 +34,6 @@ main { * 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; @@ -44,35 +41,35 @@ h1 { /* 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 */ + 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 */ + 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; } @@ -81,17 +78,18 @@ a { * 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 */ + 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; @@ -101,18 +99,18 @@ strong { * 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 */ + font-family: monospace, monospace; + /* 1 */ + font-size: 1em; + /* 2 */ } /** * Add the correct font size in all browsers. */ - small { font-size: 80%; } @@ -121,7 +119,6 @@ small { * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ - sub, sup { font-size: 75%; @@ -140,41 +137,41 @@ sup { /* 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 */ + 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 */ +input { + /* 1 */ overflow: visible; } @@ -182,31 +179,29 @@ input { /* 1 */ * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ - button, -select { /* 1 */ +select { + /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ - button, -[type="button"], -[type="reset"], -[type="submit"] { +[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 { +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner { border-style: none; padding: 0; } @@ -214,18 +209,16 @@ button::-moz-focus-inner, /** * Restore the focus styles unset by the previous rule. */ - button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-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; } @@ -236,20 +229,24 @@ fieldset { * 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 */ + 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; } @@ -257,7 +254,6 @@ progress { /** * Remove the default vertical scrollbar in IE 10+. */ - textarea { overflow: auto; } @@ -266,19 +262,19 @@ textarea { * 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 */ +[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 { +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { height: auto; } @@ -286,17 +282,17 @@ textarea { * 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 */ +[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 { +[type=search]::-webkit-search-decoration { -webkit-appearance: none; } @@ -304,19 +300,18 @@ textarea { * 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 */ + -webkit-appearance: button; + /* 1 */ + font: inherit; + /* 2 */ } /* Interactive ========================================================================== */ - /* * Add the correct display in Edge, IE 10+, and Firefox. */ - details { display: block; } @@ -324,18 +319,15 @@ details { /* * Add the correct display in all browsers. */ - summary { display: list-item; } /* Misc ========================================================================== */ - /** * Add the correct display in IE 10+. */ - template { display: none; } @@ -343,7 +335,100 @@ template { /** * 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/dist/theme.css b/dist/theme.css deleted file mode 100644 index 4c2baa5..0000000 --- a/dist/theme.css +++ /dev/null @@ -1,29 +0,0 @@ -body { - background: #f3f3f1; - font-size: 16px; -} - -h1 { - color: #002953; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; - font-size: max(5vw, 36px); - font-weight: 900; - line-height: 1.15; - margin: 2vw 33vw 2vw 5vw; -} - -header { - background: #fff; - padding: 1vh 5vw 0; -} -header object { - width: 12vw; -} - -@media only screen and (max-width: 640px) { - h1 { - margin: 5vw 5vw 0; - } -} - -/*# sourceMappingURL=theme.css.map */ diff --git a/dist/theme.css.map b/dist/theme.css.map deleted file mode 100644 index b150d60..0000000 --- a/dist/theme.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../src/theme.scss"],"names":[],"mappings":"AAUA;EACI,YAXgB;EAYhB,WATgB;;;AAYpB;EACI,OAfgB;EAgBhB,aAfgB;EAgBhB;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAKR;EACI;IACI","file":"theme.css"} \ No newline at end of file diff --git a/package.json b/package.json index f031e0a..39d2603 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "andrewgioia.com", "version": "7.0.0", - "description": "Online landing page for Andrew Gioia, co-founder of TeachBoost.", + "description": "Internet homepage for Andrew Gioia, co-founder of TeachBoost.", "main": "public/index.html", "private": true, "dependencies": { @@ -12,7 +12,8 @@ }, "scripts": { "test": "echo \"Error: no test specified\" && exit 1", - "dev": "sass src/theme.scss dist/theme.css && cp src/index.html dist/index.html && cp -R src/img dist" + "dev": "sass --no-source-map src/scss/theme.scss dist/site.css && cp src/index.html dist/index.html && cp -R src/img dist && cp -R src/icons dist", + "prod": "sass --no-source-map src/scss/theme.scss dist/site.css && cp src/index.html dist/index.html && cp -R src/img dist && cp -R src/icons dist" }, "repository": { "type": "git", @@ -20,9 +21,9 @@ }, "keywords": [], "author": "Andrew Gioia", - "license": "ISC", + "license": "CC-BY-SA-4.0", "bugs": { "url": "https://github.com/andrewgioia/home/issues" }, - "homepage": "https://github.com/andrewgioia/home#readme" + "homepage": "https://andrewgioia.com" } diff --git a/src/icons/andrew.eot b/src/icons/andrew.eot new file mode 100644 index 0000000000000000000000000000000000000000..3b8df4318f73f4371ebacdceb5857eb1fbf71a43 GIT binary patch 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/src/icons/andrew.ttf b/src/icons/andrew.ttf new file mode 100644 index 0000000000000000000000000000000000000000..c3c76e4ab64558492021cbd1296c26d6ec7e75c6 GIT binary patch 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 literal 0 HcmV?d00001 diff --git a/src/icons/andrew.woff b/src/icons/andrew.woff new file mode 100644 index 0000000000000000000000000000000000000000..7d8fe0e41b29b3ba177adbb6d283b21aab432559 GIT binary patch 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 literal 0 HcmV?d00001 diff --git a/src/icons/andrew.woff2 b/src/icons/andrew.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..523d2a1a36f2ca15928ab1ca35dc00a1103e80ce GIT binary patch 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 - - + Andrew Gioia -
- - Gioia family face icons - -

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

diff --git a/src/interaction.js b/src/interaction.js deleted file mode 100644 index e69de29..0000000 diff --git a/src/scss/_icons.scss b/src/scss/_icons.scss new file mode 100644 index 0000000..69ccc3f --- /dev/null +++ b/src/scss/_icons.scss @@ -0,0 +1,33 @@ +@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; // !i to prevent issues with browser extensions that change fonts + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + // better rendering + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-github:before { + content: "\e900"; +} +.icon-mastodon:before { + content: "\e901"; +} diff --git a/src/scss/theme.scss b/src/scss/theme.scss new file mode 100644 index 0000000..554f45b --- /dev/null +++ b/src/scss/theme.scss @@ -0,0 +1,91 @@ +/*! AndrewGioia.com style definitions v7.0.1 */ + +// normalize +@import "../../node_modules/normalize.css/normalize"; + +// our stuff +$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"; +$font-size-base: 16px; +$screen-mobile: 640px; +$screen-tablet: 768px; +$screen-laptop: 1024px; +$screen-display: 1280px; +$screen-full: 1440px; + +body { + background: $bg-light; + display: flex; + flex-direction: column; + font-size: $font-size-base; + height: 100vh; + justify-content: space-between; + overflow: hidden; + width: 100vw; +} + +main { + border-top: 1vmin solid #fff; + padding: 6vmin; + + h1 { + color: $font-color-navy; + font-family: $font-family-base; + font-size: 4rem; // basic fallback + font-size: 10vmin; // premium fallback + font-size: max(10vmin, 24px); + font-weight: 700; + line-height: 1.15; + margin: 0; + + span.who { + display: block; + font-weight: 900; + } + + a { + color: #0069ff; + text-decoration: none; + } + } +} + +footer { + align-items: center; + display: flex; + flex-direction: row; + justify-content: start; + padding: 6vmin; + + a { + font-size: 3rem; // basic fallback + font-size: 5vmin; // premium fallback + font-size: max(5vmin, 32px); + margin-right: 2vmin; + text-decoration: none; + + .icon-github { + color: #24292e; + } + + .icon-mastodon { + color: #3088d4; + } + } +} + +// icons +@import "icons"; + +// media queries +@media only screen and (min-width: $screen-display) { + main { + padding-right: 20vmin; + } +} +@media only screen and (min-width: $screen-full) { + main { + padding-right: 32vmin; + } +} diff --git a/src/theme.scss b/src/theme.scss deleted file mode 100644 index 3b84a4d..0000000 --- a/src/theme.scss +++ /dev/null @@ -1,39 +0,0 @@ -$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"; -$font-size-base: 16px; -$screen-mobile: 640px; -$screen-tablet: 768px; -$screen-laptop: 1024px; -$screen-display: 1280px; -$screen-full: 1440px; - -body { - background: $bg-light; - font-size: $font-size-base; -} - -h1 { - color: $font-color-navy; - font-family: $font-family-base; - font-size: max(5vw, 36px); - font-weight: 900; - line-height: 1.15; - margin: 2vw 33vw 2vw 5vw; -} - -header { - background: #fff; - padding: 1vh 5vw 0; - - object { - width: 12vw; - } -} - -// media queries -@media only screen and (max-width: $screen-mobile) { - h1 { - margin: 5vw 5vw 0; - } -}