From 8dd5fecd2362c7894c41fb92dc050c54b8b92244 Mon Sep 17 00:00:00 2001 From: isabellecharaf Date: Fri, 19 Jul 2024 20:48:54 -0700 Subject: [PATCH] shipping to get this out --- src/Bagnard.otf | Bin 0 -> 12928 bytes src/Favicon.png | Bin 0 -> 378 bytes src/css/main.css | 137 +++++++++++++++++++++++++++++++++++++++++++- src/index.html | 24 ++++---- src/scripts/main.js | 28 +++++++++ 5 files changed, 176 insertions(+), 13 deletions(-) create mode 100644 src/Bagnard.otf create mode 100644 src/Favicon.png create mode 100644 src/scripts/main.js diff --git a/src/Bagnard.otf b/src/Bagnard.otf new file mode 100644 index 0000000000000000000000000000000000000000..ddbb6a32c0798c24ca43cda7ac2084cd1724f284 GIT binary patch literal 12928 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

P5|)qNGQ~7c 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 literal 0 HcmV?d00001 diff --git a/src/Favicon.png b/src/Favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..ae4b8921857e082aec26480e3cbd5940aeab0204 GIT binary patch literal 378 zcmV-=0fqjFP)$BoI*<;)7e8>1Ni-lL?95HVW$$k9 z5*X`&VHh4+A4h9DEX(rWhnlwKocqezzRl-thiRG*TC1wsAvh9y7yFR*S(drI3V;M= z%iy{S=XWd)Ebml+J`W(R1;G~9g;W%9pz4(8`H?HqWtAaF(aOBh0`)vFxWVP(ntZgd zVIu(kxh%_zRPbaYfncLfBpswgoqQkYS}{Nx=4S@-o`*o?PDJ$p&LuL(Sf}Lr5u1WT zm8ZI{&x)dmzg{AeMM&bYZs|8jZwy=OkVn-M>Qf0^QFWXx*gw##RQ6X`sC)-(42Jy9 YFB%G6xjih?-v9sr07*qoM6N<$f@WixBLDyZ literal 0 HcmV?d00001 diff --git a/src/css/main.css b/src/css/main.css index 0fde850..6de0e5d 100644 --- a/src/css/main.css +++ b/src/css/main.css @@ -1,3 +1,136 @@ -html { - background: tomato; +@font-face { font-family: Bagnard; src: url('Bagnard.otf'); } + + +html, body { + height: 100vh; +} + +body { + background: #E20006; + +} + +body, nav { + display: flex; + flex-direction: column; + justify-content: center; + align-items: start; + font-family: 'Bagnard', Fallback, sans-serif; + color: #111; + text-decoration: none; + +} + +a { + outline-color: transparent; +} + +a:link { + color: #222; + text-decoration: none; +} + +a:visited { + color: #222; + text-decoration: none; +} + +a:focus { + color: #111; + text-decoration: none; +} + +a:hover { + text-decoration: none; + color: #666; + +} + +a:active { +text-decoration: none; + color: #222; +} + +.content { + margin: 0 auto; + margin-top: -0.125em; + display: flex; + flex-direction: column; + max-width: 500px +} + +.name { + text-transform: uppercase; + display: flex; + font-size: 2em; +} + +.name > span { + display: block; + margin: 0 .5em; +} +.name > span:nth-child(1){ + margin-top: 3em; +} +.name > span:nth-child(2){ + margin-top: 2em; +} +.name > span:nth-child(3){ + margin-top: 1.5em; +} +.name > span:nth-child(4){ + margin-top: .8em; +} +.name > span:nth-child(5){ + margin-top: 1em; +} +.name > span:nth-child(6){ + margin-top: 2.2em; +} +.name > span:nth-child(7){ + margin-top: 3em; +} +.name > span:nth-child(8){ + margin-top: 5em; +} + +.tilted-copy { + align-self: end; + margin-top: 2em; + display: flex; + flex-direction: column; + transform: rotate(8deg); + font-size: 1em; +} + +.tilted-copy > p{ +line-height: 0; +margin-bottom: 0; + +} + +footer { + margin-top: 10em; +} + +footer { + margin-top: 10em; +} + +footer > nav { + margin: 0; +} + +footer > nav > ul { + display: flex; + list-style: none; + padding-left: 1em; + justify-content: center; +} + +footer > nav > ul > li { + margin: 0 1.25em; + font-size: 1.3em; + text-decoration: none; + text-transform: lowercase; } \ No newline at end of file diff --git a/src/index.html b/src/index.html index c864818..e9ab85d 100644 --- a/src/index.html +++ b/src/index.html @@ -2,12 +2,15 @@ + + Isabelle Charafeddine + -

-

+
+

I S A @@ -17,23 +20,22 @@

L E

-
+

Product designer based in San Francisco

-

Featured in Product Hunt’s top 10

-

Currently working on growth at Plaid

-

I like bikes and yarn

+

Featured in Product Hunt’s top 10

+

Currently working on growth at Plaid

+

I like bikes and yarn

-

+
- +
\ No newline at end of file diff --git a/src/scripts/main.js b/src/scripts/main.js new file mode 100644 index 0000000..d202e74 --- /dev/null +++ b/src/scripts/main.js @@ -0,0 +1,28 @@ +console.log("hello world"); + +var skyBlue = "#5CA4D6"; +var huntyGreen = "#3F4A22"; +var bgColorIndex = 0; + +var funkyBgColors = [ + skyBlue, + huntyGreen, + 'tomato' +] + +window.onload = () => { + console.log("loaded"); + document.body.onclick = () => { + + console.log("clicked body"); + var nextBgColor = funkyBgColors[bgColorIndex] + document.getElementsByTagName("body")[0].style.background = nextBgColor; + console.log(nextBgColor); + bgColorIndex = bgColorIndex + 1; + + if (bgColorIndex == 3) { + bgColorIndex = 0; + } + } + +} \ No newline at end of file