From c753dc74a27da5662b9409ff626f6b8779fcc761 Mon Sep 17 00:00:00 2001 From: Annika Date: Sat, 20 Aug 2022 14:19:35 -0700 Subject: [PATCH] compiled tailwind for smaller package --- index.html | 6 +- src/img/.DS_Store | Bin 6148 -> 6148 bytes src/img/icons/github.svg | 1 + src/img/icons/linkedin.svg | 1 + src/img/screenshots/.DS_Store | Bin 0 -> 6148 bytes tailwind.css | 326 +++++++++++++++++++++++++++++++++- 6 files changed, 326 insertions(+), 8 deletions(-) create mode 100644 src/img/icons/github.svg create mode 100644 src/img/icons/linkedin.svg create mode 100644 src/img/screenshots/.DS_Store diff --git a/index.html b/index.html index c166974..cc41fec 100644 --- a/index.html +++ b/index.html @@ -4,10 +4,10 @@ - - + + - + Annika Bisson - Software Developer diff --git a/src/img/.DS_Store b/src/img/.DS_Store index c5da1311d0be527d077b74a02e03b1577908fb06..f4a79f73bb1b5d6cd34ff3aa36c0f42a29b60873 100644 GIT binary patch delta 79 zcmZoMXfc@J&&a(oU^g=(_hudzRVFFVoc!dZoctsP1_l8jUJt~2|G{9gJ)6wrbu1?) cyReD#lm!>%<>cq31Em=!7H-|l&heKY0NIHe5C8xG delta 95 zcmZoMXfc@J&&abeU^g=(&t@JLRi??!tiqE6*u+J0^Icq$a`KZH7#KJ%NFA1{2|VIB f*_TZUD3O9yf}H^dzk diff --git a/src/img/icons/github.svg b/src/img/icons/github.svg new file mode 100644 index 0000000..becd3f9 --- /dev/null +++ b/src/img/icons/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/icons/linkedin.svg b/src/img/icons/linkedin.svg new file mode 100644 index 0000000..70d8e6f --- /dev/null +++ b/src/img/icons/linkedin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/img/screenshots/.DS_Store b/src/img/screenshots/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..4854c156d02476df84564ee16ec6b9006f01bb98 GIT binary patch literal 6148 zcmeH~O-{ow5QX1B7X^gWB^xB4pb|F-Ravm+0+0srSCk6TeQv}N;muDG30We9&`f1N z*PgNCPl}xZAd78t2Fw6VSyV+EBc|P>Lwn)8PZgWv0k4?j5gXi%O!ODK^w|$lV~d8* z{N?#C*X^oaw>8HJM^35pcQf0@0iJNn-v%$c9rq*fHi$STn-gUIti zq%D|L5=a6`APFRaA0ogzTWxyenspLL0!iSLfSwP9MYRg;Thf+OMBE=97XMYL5DztO;a7ZK{5-abL7qQhje=&DR<(hR8NCJHVn)}jb zdjDVWl^IR)%_XZOkOclK0huhXmJ9AK?$&Sn)VsE@T(hXDU#ATk+r5tf{?T*f#0Gu5 aXq$djXy>Z4XupM1^FzRZWR(Pdfxrh;mNta| literal 0 HcmV?d00001 diff --git a/tailwind.css b/tailwind.css index b2d2488..2916846 100644 --- a/tailwind.css +++ b/tailwind.css @@ -551,41 +551,203 @@ video { --tw-backdrop-sepia: ; } +.static { + position: static; +} + .fixed { position: fixed; } +.absolute { + position: absolute; +} + +.relative { + position: relative; +} + +.top-0 { + top: 0px; +} + +.left-0 { + left: 0px; +} + +.z-20 { + z-index: 20; +} + +.mb-4 { + margin-bottom: 1rem; +} + .flex { display: flex; } +.grid { + display: grid; +} + +.hidden { + display: none; +} + .h-screen { height: 100vh; } +.h-24 { + height: 6rem; +} + +.h-\[40vh\] { + height: 40vh; +} + +.h-full { + height: 100%; +} + +.min-h-\[40vh\] { + min-height: 40vh; +} + +.min-h-\[80vh\] { + min-height: 80vh; +} + +.min-h-\[50vh\] { + min-height: 50vh; +} + +.min-h-\[20vh\] { + min-height: 20vh; +} + .w-screen { width: 100vw; } +.w-24 { + width: 6rem; +} + +.w-48 { + width: 12rem; +} + +.w-full { + width: 100%; +} + +.grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); +} + +.flex-col { + flex-direction: column; +} + +.flex-wrap { + flex-wrap: wrap; +} + .items-end { align-items: flex-end; } +.items-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + .justify-between { justify-content: space-between; } +.rounded-full { + border-radius: 9999px; +} + +.rounded-lg { + border-radius: 0.5rem; +} + +.border-4 { + border-width: 4px; +} + +.border-zinc-800 { + --tw-border-opacity: 1; + border-color: rgb(39 39 42 / var(--tw-border-opacity)); +} + .bg-zinc-900\/40 { background-color: rgb(24 24 27 / 0.4); } -.bg-\[url\(\'https\:\/\/thiscatdoesnotexist\.com\'\)\] { - background-image: url('https://thiscatdoesnotexist.com'); +.bg-rose-700 { + --tw-bg-opacity: 1; + background-color: rgb(190 18 60 / var(--tw-bg-opacity)); } -.px-48 { - padding-left: 12rem; - padding-right: 12rem; +.bg-zinc-100 { + --tw-bg-opacity: 1; + background-color: rgb(244 244 245 / var(--tw-bg-opacity)); +} + +.bg-zinc-800 { + --tw-bg-opacity: 1; + background-color: rgb(39 39 42 / var(--tw-bg-opacity)); +} + +.bg-rose-700\/60 { + background-color: rgb(190 18 60 / 0.6); +} + +.bg-\[url\(\'\.\/src\/img\/andras-vas-Bd7gNnWJBkU-unsplash\.jpg\'\)\] { + background-image: url('./src/img/andras-vas-Bd7gNnWJBkU-unsplash.jpg'); +} + +.bg-cover { + background-size: cover; +} + +.bg-center { + background-position: center; +} + +.object-cover { + -o-object-fit: cover; + object-fit: cover; +} + +.object-left { + -o-object-position: left; + object-position: left; +} + +.p-8 { + padding: 2rem; +} + +.p-4 { + padding: 1rem; +} + +.p-2 { + padding: 0.5rem; +} + +.px-12 { + padding-left: 3rem; + padding-right: 3rem; } .py-4 { @@ -598,15 +760,169 @@ video { padding-right: 1rem; } +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pb-12 { + padding-bottom: 3rem; +} + +.text-center { + text-align: center; +} + .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } +.text-6xl { + font-size: 3.75rem; + line-height: 1; +} + +.text-2xl { + font-size: 1.5rem; + line-height: 2rem; +} + +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + .text-slate-50\/80 { color: rgb(248 250 252 / 0.8); } +.text-zinc-100 { + --tw-text-opacity: 1; + color: rgb(244 244 245 / var(--tw-text-opacity)); +} + +.text-zinc-900 { + --tw-text-opacity: 1; + color: rgb(24 24 27 / var(--tw-text-opacity)); +} + +.opacity-0 { + opacity: 0; +} + +.backdrop-blur-md { + --tw-backdrop-blur: blur(12px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .text-shadow { text-shadow: 1px 1px 3px #000000e0; +} + +html { + scroll-behavior: smooth +} + +@media screen and (prefers-reduced-motion: reduce) { + html { + scroll-behavior: auto; + } +} + +.hover\:border-rose-700:hover { + --tw-border-opacity: 1; + border-color: rgb(190 18 60 / var(--tw-border-opacity)); +} + +.hover\:bg-rose-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(190 18 60 / var(--tw-bg-opacity)); +} + +.hover\:bg-zinc-100:hover { + --tw-bg-opacity: 1; + background-color: rgb(244 244 245 / var(--tw-bg-opacity)); +} + +.hover\:text-rose-700:hover { + --tw-text-opacity: 1; + color: rgb(190 18 60 / var(--tw-text-opacity)); +} + +.hover\:text-zinc-100:hover { + --tw-text-opacity: 1; + color: rgb(244 244 245 / var(--tw-text-opacity)); +} + +.hover\:opacity-100:hover { + opacity: 1; +} + +@media (min-width: 768px) { + .md\:mb-12 { + margin-bottom: 3rem; + } + + .md\:flex { + display: flex; + } + + .md\:h-64 { + height: 16rem; + } + + .md\:w-64 { + width: 16rem; + } + + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .md\:rounded-none { + border-radius: 0px; + } + + .md\:p-24 { + padding: 6rem; + } + + .md\:p-0 { + padding: 0px; + } + + .md\:px-48 { + padding-left: 12rem; + padding-right: 12rem; + } + + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; + } + + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + + .md\:pb-0 { + padding-bottom: 0px; + } + + .md\:text-8xl { + font-size: 6rem; + line-height: 1; + } } \ No newline at end of file