Annika/annikadev.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

compiled tailwind for smaller package

Browse Source
This commit is contained in:
Annika
2022-08-20 14:19:35 -07:00
parent 1826a6d70d
commit c753dc74a2
6 changed files with 326 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+3 -3
View File
@@ -4,10 +4,10 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- <link rel="stylesheet" href="tailwind.css"> --> <link rel="stylesheet" href="tailwind.css">
<script src="https://cdn.tailwindcss.com"></script> <!-- <script src="https://cdn.tailwindcss.com"></script> -->
<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css'> <link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css'>
<link rel="stylesheet" href="input.css"> <!-- <link rel="stylesheet" href="input.css"> -->
<title>Annika Bisson - Software Developer</title> <title>Annika Bisson - Software Developer</title>
</head> </head>
<body> <body>
src/img/.DS_Store
Vendored
BIN
View File
Binary file not shown.
src/img/icons/github.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58 9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54 17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27 14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 826 B

src/img/icons/linkedin.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 3A2 2 0 0 1 21 5V19A2 2 0 0 1 19 21H5A2 2 0 0 1 3 19V5A2 2 0 0 1 5 3H19M18.5 18.5V13.2A3.26 3.26 0 0 0 15.24 9.94C14.39 9.94 13.4 10.46 12.92 11.24V10.13H10.13V18.5H12.92V13.57C12.92 12.8 13.54 12.17 14.31 12.17A1.4 1.4 0 0 1 15.71 13.57V18.5H18.5M6.88 8.56A1.68 1.68 0 0 0 8.56 6.88C8.56 5.95 7.81 5.19 6.88 5.19A1.69 1.69 0 0 0 5.19 6.88C5.19 7.81 5.95 8.56 6.88 8.56M8.27 18.5V10.13H5.5V18.5H8.27Z" /></svg>
Side by Side

After

Width:  |  Height:  |  Size: 483 B

src/img/screenshots/.DS_Store
Vendored
BIN
View File
Binary file not shown.
tailwind.css
+321 -5
View File
@@ -551,41 +551,203 @@ video {
--tw-backdrop-sepia: ; --tw-backdrop-sepia: ;
} }
.static {
position: static;
}
.fixed { .fixed {
position: 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 { .flex {
display: flex; display: flex;
} }
.grid {
display: grid;
}
.hidden {
display: none;
}
.h-screen { .h-screen {
height: 100vh; 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 { .w-screen {
width: 100vw; 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 { .items-end {
align-items: flex-end; align-items: flex-end;
} }
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.justify-between { .justify-between {
justify-content: space-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 { .bg-zinc-900\/40 {
background-color: rgb(24 24 27 / 0.4); background-color: rgb(24 24 27 / 0.4);
} }
.bg-\[url\(\'https\:\/\/thiscatdoesnotexist\.com\'\)\] { .bg-rose-700 {
background-image: url('https://thiscatdoesnotexist.com'); --tw-bg-opacity: 1;
background-color: rgb(190 18 60 / var(--tw-bg-opacity));
} }
.px-48 { .bg-zinc-100 {
padding-left: 12rem; --tw-bg-opacity: 1;
padding-right: 12rem; 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 { .py-4 {
@@ -598,15 +760,169 @@ video {
padding-right: 1rem; 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 { .text-4xl {
font-size: 2.25rem; font-size: 2.25rem;
line-height: 2.5rem; 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 { .text-slate-50\/80 {
color: rgb(248 250 252 / 0.8); 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 {
text-shadow: 1px 1px 3px #000000e0; 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;
}
}