From 580c9d6dbabafcfeb47c7e53aff71daac0da38af Mon Sep 17 00:00:00 2001 From: Tyler Flowers Date: Sun, 26 Nov 2023 18:42:56 -0500 Subject: more index work --- apps/website/src/styles/global.css | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 0bbfc2e..e21cf89 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -23,3 +23,41 @@ @apply text-[14px] md:text-[16px]; } } + +/* Codeblocks */ +.astro-code { + padding: 10px; + border-radius: 16px; + border: 1px solid rgba(65, 74, 88, 1); +} +.astro-code code { + white-space: pre-wrap; + padding: 10px; + padding-bottom: 0; + color: #546E7A; +} +.astro-code code::before { + counter-reset: listing; +} +.astro-code code span { + font-family: 'Roboto Mono', monospace !important; +} +.astro-code code span.line { + counter-increment: listing; + text-align: left; + float: left; + clear: left; + font-size: 12px; +} +.astro-code code span.line::before { + content: counter(listing) " "; + display: inline-block; + float: left; + width: 2em; + padding: 0; + margin-left: auto; + /* margin-right: 10px; */ + text-align: right; + font-family: 'Roboto Mono', monospace !important; + font-size: 12px; +} -- cgit From 181547a25213bee8a20002e07344b957386c4d0f Mon Sep 17 00:00:00 2001 From: Pauline Date: Sun, 26 Nov 2023 22:55:04 -0500 Subject: feat(build): transfer everything to esm/ts --- apps/website/src/styles/blog.css | 37 +++++++++++++++++++++++++++++++++++++ apps/website/src/styles/global.css | 3 +++ 2 files changed, 40 insertions(+) create mode 100644 apps/website/src/styles/blog.css (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/blog.css b/apps/website/src/styles/blog.css new file mode 100644 index 0000000..9cfe3fa --- /dev/null +++ b/apps/website/src/styles/blog.css @@ -0,0 +1,37 @@ +main { + width: calc(100% - 2em); + max-width: 100%; + margin: 0; +} +.hero-image { + width: 100%; +} +.hero-image img { + display: block; + margin: 0 auto; + border-radius: 12px; + box-shadow: var(--box-shadow); +} +.prose { + width: 720px; + max-width: calc(100% - 2em); + margin: auto; + padding: 1em; + color: rgb(var(--gray-dark)); +} +.title { + margin-bottom: 1em; + padding: 1em 0; + text-align: center; + line-height: 1; +} +.title h1 { + margin: 0 0 0.5em 0; +} +.date { + margin-bottom: 0.5em; + color: rgb(var(--gray)); +} +.last-updated-on { + font-style: italic; +} diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index e21cf89..8d36787 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -1,4 +1,7 @@ @tailwind base; +@tailwind components; +@tailwind utilities; +@tailwind variants; * { font-family: 'Poppins', sans-serif; -- cgit From 542fb33102902fd7461bee0c0ca8ab4d9ef58de0 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Tue, 26 Dec 2023 19:01:26 +0100 Subject: Responsiveness + fixes --- apps/website/src/styles/global.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 8d36787..9efd728 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -32,26 +32,33 @@ padding: 10px; border-radius: 16px; border: 1px solid rgba(65, 74, 88, 1); + width: 100%; } + .astro-code code { white-space: pre-wrap; padding: 10px; padding-bottom: 0; color: #546E7A; } + .astro-code code::before { counter-reset: listing; } + .astro-code code span { font-family: 'Roboto Mono', monospace !important; } + .astro-code code span.line { counter-increment: listing; text-align: left; - float: left; - clear: left; - font-size: 12px; + /* float: left; + clear: left; */ + font-size: 13px; + text-wrap: nowrap; } + .astro-code code span.line::before { content: counter(listing) " "; display: inline-block; @@ -62,5 +69,5 @@ /* margin-right: 10px; */ text-align: right; font-family: 'Roboto Mono', monospace !important; - font-size: 12px; + font-size: 13px; } -- cgit From b0496a9f04addbd26eb4e1d4401699343482770d Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Tue, 26 Dec 2023 20:49:05 +0100 Subject: Fixes webkit stuff --- apps/website/src/styles/global.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 9efd728..340c9e0 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -53,10 +53,10 @@ .astro-code code span.line { counter-increment: listing; text-align: left; - /* float: left; - clear: left; */ + float: left; + clear: left; font-size: 13px; - text-wrap: nowrap; + white-space: pre; } .astro-code code span.line::before { @@ -66,6 +66,7 @@ width: 2em; padding: 0; margin-left: auto; + margin-right: 1ch; /* margin-right: 10px; */ text-align: right; font-family: 'Roboto Mono', monospace !important; -- cgit From 1ff554fefe5a960e544c49fdd47fd1f0963e8ebc Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Wed, 27 Dec 2023 18:43:56 +0100 Subject: Pretty much finished the mods page except for images / svgs --- apps/website/src/styles/global.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 340c9e0..1a9f19b 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -5,6 +5,7 @@ * { font-family: 'Poppins', sans-serif; + -webkit-tap-highlight-color: transparent; } @layer base { @@ -25,6 +26,10 @@ body { @apply text-[14px] md:text-[16px]; } + + a { + -webkit-user-drag: none; + } } /* Codeblocks */ @@ -33,6 +38,7 @@ border-radius: 16px; border: 1px solid rgba(65, 74, 88, 1); width: 100%; + line-height: 18px; } .astro-code code { -- cgit From 092ad3a326145c17eb0a6967e284cc03d57c1851 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Thu, 28 Dec 2023 12:23:43 +0100 Subject: Lots of changes + about us page --- apps/website/src/styles/global.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 1a9f19b..f98d574 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -24,7 +24,7 @@ html, body { - @apply text-[14px] md:text-[16px]; + @apply text-[15px] md:text-[16px]; } a { -- cgit From 98f4ee1dc2f505b0caa9c08b05935b78cc206007 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Thu, 28 Dec 2023 13:06:11 +0100 Subject: Fine tuned view transition --- apps/website/src/styles/global.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index f98d574..a240f83 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -32,6 +32,27 @@ } } +/* Transition */ +@keyframes fadeIn { + from { + opacity: 0; + } + + to { + opacity: 1; + } +} + +@keyframes fadeOut { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + /* Codeblocks */ .astro-code { padding: 10px; -- cgit From 97cf84050204a670f53b88fbe273fe62e60f23e7 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Thu, 28 Dec 2023 14:48:19 +0100 Subject: Remove page transitions --- apps/website/src/styles/global.css | 21 --------------------- 1 file changed, 21 deletions(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index a240f83..f98d574 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -32,27 +32,6 @@ } } -/* Transition */ -@keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} - -@keyframes fadeOut { - from { - opacity: 1; - } - - to { - opacity: 0; - } -} - /* Codeblocks */ .astro-code { padding: 10px; -- cgit From bf5075ed85bafd9c0b2b5e0a05df68a78b7da04f Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Thu, 28 Dec 2023 15:27:29 +0100 Subject: Increase font size + scale --- apps/website/src/styles/global.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index f98d574..59f7633 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -24,7 +24,7 @@ html, body { - @apply text-[15px] md:text-[16px]; + @apply text-[15px] md:text-[19px]; } a { -- cgit From d6c7fad43961975026a7e4e9ae21406f505e0a2e Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Thu, 28 Dec 2023 16:34:52 +0100 Subject: fullpage.js --- apps/website/src/styles/global.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 59f7633..003b4c7 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -24,7 +24,7 @@ html, body { - @apply text-[15px] md:text-[19px]; + @apply text-[15px] md:text-[19px] overflow-x-hidden; } a { @@ -32,6 +32,14 @@ } } +.fp-overflow:focus-visible { + @apply outline-none ring-0 ; +} + +main { + @apply overflow-x-hidden; +} + /* Codeblocks */ .astro-code { padding: 10px; -- cgit From d568fe0235de920f2b97f70777bab94c114d5654 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Sat, 30 Dec 2023 11:37:33 +0100 Subject: Responsive tweaks --- apps/website/src/styles/global.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 003b4c7..807e345 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -24,7 +24,7 @@ html, body { - @apply text-[15px] md:text-[19px] overflow-x-hidden; + @apply text-[15px] md:text-[16px] lg:text-[19px] overflow-x-hidden; } a { -- cgit From 5b5bc9e0d79877f0554278ab6a609ef688858d8f Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Sat, 30 Dec 2023 12:53:40 +0100 Subject: Add locomotive --- apps/website/src/styles/global.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index 807e345..f29f0f0 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -24,7 +24,7 @@ html, body { - @apply text-[15px] md:text-[16px] lg:text-[19px] overflow-x-hidden; + @apply text-[15px] md:text-[16px] lg:text-[19px] overflow-hidden; } a { @@ -32,8 +32,10 @@ } } -.fp-overflow:focus-visible { - @apply outline-none ring-0 ; +[data-scroll-container], [data-scroll-section] { + transform-style: preserve-3d; + will-change: transform; + perspective: 1px; } main { -- cgit From 634d75560bcb3e15687ddf97ed0e5e0ba24091e0 Mon Sep 17 00:00:00 2001 From: LynithDev <61880709+LynithDev@users.noreply.github.com> Date: Mon, 1 Jan 2024 11:30:36 +0100 Subject: Contact page --- apps/website/src/styles/global.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'apps/website/src/styles') diff --git a/apps/website/src/styles/global.css b/apps/website/src/styles/global.css index f29f0f0..371d5e6 100644 --- a/apps/website/src/styles/global.css +++ b/apps/website/src/styles/global.css @@ -24,7 +24,7 @@ html, body { - @apply text-[15px] md:text-[16px] lg:text-[19px] overflow-hidden; + @apply text-[15px] md:text-[16px] lg:text-[19px] /* overflow-hidden */; } a { @@ -32,11 +32,11 @@ } } -[data-scroll-container], [data-scroll-section] { +/* [data-scroll-container], [data-scroll-section] { transform-style: preserve-3d; will-change: transform; perspective: 1px; -} +} */ main { @apply overflow-x-hidden; -- cgit