From b7db314034626ea720d1a249d119c51aeeb61315 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:08:32 -0500 Subject: [PATCH 01/12] Delete components directory --- components/feature-card2.css | 43 ------------------------ components/feature-card2.html | 62 ----------------------------------- 2 files changed, 105 deletions(-) delete mode 100644 components/feature-card2.css delete mode 100644 components/feature-card2.html diff --git a/components/feature-card2.css b/components/feature-card2.css deleted file mode 100644 index 6bd4ddc..0000000 --- a/components/feature-card2.css +++ /dev/null @@ -1,43 +0,0 @@ -.feature-card2-feature-card { - width: 100%; - display: flex; - padding: var(--dl-space-space-unit); - position: relative; - align-items: flex-start; - flex-direction: row; - justify-content: flex-start; -} -.feature-card2-icon { - fill: var(--dl-color-gray-500); - width: 2rem; - height: 2rem; - flex-shrink: 0; - margin-right: var(--dl-space-space-oneandhalfunits); -} -.feature-card2-container { - display: flex; - align-items: flex-start; - flex-direction: column; - justify-content: flex-start; -} -.feature-card2-text { - font-weight: 600; - margin-bottom: var(--dl-space-space-unit); -} - - - - -@media(max-width: 767px) { - .feature-card2-feature-card { - flex-direction: row; - } - .feature-card2-container { - flex-direction: column; - } -} -@media(max-width: 479px) { - .feature-card2-container { - flex-direction: column; - } -} diff --git a/components/feature-card2.html b/components/feature-card2.html deleted file mode 100644 index de5e6da..0000000 --- a/components/feature-card2.html +++ /dev/null @@ -1,62 +0,0 @@ - - - - Nautical Dense Kudu - - - - - - - - - - - -
- -
- - - -
-

Lorem ipsum

- - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lorem - lorem, malesuada in metus vitae, scelerisque accumsan ipsum. - - -
-
-
- - From c89889140cd7aa7536bc84b1ecc706d1f2a93019 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:08:40 -0500 Subject: [PATCH 02/12] Delete 404.css --- 404.css | 35 ----------------------------------- 1 file changed, 35 deletions(-) delete mode 100644 404.css diff --git a/404.css b/404.css deleted file mode 100644 index bbf36cc..0000000 --- a/404.css +++ /dev/null @@ -1,35 +0,0 @@ -.not-found-container { - width: 100%; - display: flex; - overflow: auto; - min-height: 100vh; - align-items: center; - flex-direction: column; - justify-content: center; -} -.not-found-container1 { - display: flex; - position: relative; - align-items: center; - flex-direction: column; - justify-content: center; -} -.not-found-text1 { - color: rgb(38, 38, 38); - font-size: 252px; - margin-top: -20px; - font-weight: 900; - margin-bottom: -20px; - letter-spacing: -20px; -} -.not-found-container2 { - width: 421px; - display: flex; - align-items: center; - flex-direction: column; - justify-content: center; -} -.not-found-text2 { - text-align: center; - font-weight: 400; -} From 33de9437df761e38087b78b2bad9902b98dd2cce Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:08:45 -0500 Subject: [PATCH 03/12] Delete 404.html --- 404.html | 58 -------------------------------------------------------- 1 file changed, 58 deletions(-) delete mode 100644 404.html diff --git a/404.html b/404.html deleted file mode 100644 index 7e7b5c0..0000000 --- a/404.html +++ /dev/null @@ -1,58 +0,0 @@ - - - - 404 - Not Found - - - - - - - - - - - -
- - -
-

OOPS! PAGE NOT FOUND

-
-

404

-
-
-

- WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND -

-
-
-
- - From 7358b25f4a40c789b095cf911520f3c568c0e7b0 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:08:50 -0500 Subject: [PATCH 04/12] Delete index.css --- index.css | 167 ------------------------------------------------------ 1 file changed, 167 deletions(-) delete mode 100644 index.css diff --git a/index.css b/index.css deleted file mode 100644 index a1138b1..0000000 --- a/index.css +++ /dev/null @@ -1,167 +0,0 @@ -.feature-card2-feature-card { - width: 100%; - display: flex; - padding: var(--dl-space-space-unit); - position: relative; - align-items: flex-start; - flex-direction: row; - justify-content: flex-start; -} -.feature-card2-icon { - fill: var(--dl-color-gray-500); - width: 2rem; - height: 2rem; - flex-shrink: 0; - margin-right: var(--dl-space-space-oneandhalfunits); -} -.feature-card2-container { - display: flex; - align-items: flex-start; - flex-direction: column; - justify-content: flex-start; -} -.feature-card2-text { - font-weight: 600; - margin-bottom: var(--dl-space-space-unit); -} - - - - -@media(max-width: 767px) { - .feature-card2-feature-card { - flex-direction: row; - } - .feature-card2-container { - flex-direction: column; - } -} -@media(max-width: 479px) { - .feature-card2-container { - flex-direction: column; - } -} - -.home-container { - width: 100%; - display: flex; - overflow: auto; - min-height: 100vh; - align-items: center; - flex-direction: column; -} -.home-hero { - width: 100%; - height: 706px; - display: flex; - padding: var(--dl-space-space-threeunits); - position: relative; - min-height: 80vh; - align-items: center; - flex-direction: column; - background-size: cover; - justify-content: center; - background-image: linear-gradient(113.8deg, rgba(255, 76, 92, 0.8) 7.5%, rgba(255, 177, 70, 0.8) 94.47%),url('https://miro.medium.com/v2/resize:fit:1400/1*g3ARV1u4v9b9AKEIyPB7zw.jpeg'); -} -.home-text { - color: var(--dl-color-gray-white); - font-size: 3rem; -} -.home-text1 { - color: var(--dl-color-gray-white); - margin-top: var(--dl-space-space-twounits); - margin-bottom: var(--dl-space-space-twounits); -} -.home-btn-group { - display: flex; - align-items: center; - flex-direction: row; -} -.home-button { - font-size: 0.75rem; - transition: 0.3s; - padding-top: var(--dl-space-space-unit); - border-width: 0px; - padding-left: var(--dl-space-space-twounits); - padding-right: var(--dl-space-space-twounits); - padding-bottom: var(--dl-space-space-unit); - text-transform: uppercase; -} -.home-button:hover { - transform: scale(1.02); -} -.home-button1 { - color: var(--dl-color-gray-white); - font-size: 0.75rem; - transition: 0.3s; - margin-left: var(--dl-space-space-unit); - padding-top: var(--dl-space-space-unit); - border-color: var(--dl-color-gray-white); - padding-left: var(--dl-space-space-twounits); - padding-right: var(--dl-space-space-twounits); - padding-bottom: var(--dl-space-space-unit); - text-transform: uppercase; - background-color: transparent; -} -.home-button1:hover { - transform: scale(1.02); -} -.home-features { - width: 100%; - display: flex; - padding: var(--dl-space-space-threeunits); - max-width: var(--dl-size-size-maxwidth); - flex-direction: column; -} -.home-container1 { - width: 100%; - display: grid; - grid-gap: var(--dl-space-space-twounits); - grid-template-columns: 1fr 1fr; -} -@media(max-width: 991px) { - .home-hero { - flex-direction: column; - } - .home-text { - text-align: center; - } - .home-text1 { - text-align: center; - } -} -@media(max-width: 767px) { - .home-hero { - padding-left: var(--dl-space-space-twounits); - padding-right: var(--dl-space-space-twounits); - } - .home-features { - padding-left: var(--dl-space-space-twounits); - padding-right: var(--dl-space-space-twounits); - } - .home-container1 { - grid-template-columns: 1fr; - } -} -@media(max-width: 479px) { - .home-hero { - width: 100%; - padding: var(--dl-space-space-twounits); - padding-top: var(--dl-space-space-twounits); - padding-left: var(--dl-space-space-unit); - padding-right: var(--dl-space-space-unit); - } - .home-btn-group { - flex-direction: column; - } - .home-button1 { - margin-top: var(--dl-space-space-unit); - margin-left: 0px; - } - .home-features { - padding-top: var(--dl-space-space-twounits); - padding-left: var(--dl-space-space-unit); - padding-right: var(--dl-space-space-unit); - padding-bottom: var(--dl-space-space-twounits); - } -} From 707655589b1661864648471f922bc29a792bbb72 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:08:57 -0500 Subject: [PATCH 05/12] Delete index.html --- index.html | 143 ----------------------------------------------------- 1 file changed, 143 deletions(-) delete mode 100644 index.html diff --git a/index.html b/index.html deleted file mode 100644 index 18b9f71..0000000 --- a/index.html +++ /dev/null @@ -1,143 +0,0 @@ - - - - Purple Bubble - - - - - - - - - - - - -
- - -
-
-

Welcome To Purple Bubble!

- - A Free and OpenSource Project Created and Maintained By - The Community - -
- - -
-
-
-
-
- - - -
-

- End-to-End Encryption -

- - - Ensure your conversations are secure and private with - end-to-end encryption. - - -
-
-
- - - -
-

- Cross-Platform Compatibility -

- - - Access your messages from any device, whether it's a - smartphone, tablet, or computer. - - -
-
-
- - - -
-

Group Chats

- - - Easily create and manage group chats to collaborate with - friends, family, or colleagues. - - -
-
-
- - - -
-

- Customizable Themes -

- - - Personalize your messaging experience with a wide range of - customizable themes and color options. - - -
-
-
-
-
-
- - From 7ed4c826f2854371996fcb34980a5e0fdfa43c19 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:09:03 -0500 Subject: [PATCH 06/12] Delete package.json --- package.json | 10 ---------- 1 file changed, 10 deletions(-) delete mode 100644 package.json diff --git a/package.json b/package.json deleted file mode 100644 index e3d6131..0000000 --- a/package.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "name": "nautical-dense-kudu", - "version": "1.0.0", - "private": true, - "dependencies": { - "parcel-bundler": "^1.6.1" - }, - "scripts": {}, - "devDependencies": {} -} \ No newline at end of file From b3ad2d3a584e4d503fc423e2bfa71b6857af8093 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:09:10 -0500 Subject: [PATCH 07/12] Delete style.css --- style.css | 94 ------------------------------------------------------- 1 file changed, 94 deletions(-) delete mode 100644 style.css diff --git a/style.css b/style.css deleted file mode 100644 index bb0002a..0000000 --- a/style.css +++ /dev/null @@ -1,94 +0,0 @@ -:root { - --dl-color-gray-500: #595959; - --dl-color-gray-700: #999999; - --dl-color-gray-900: #D9D9D9; - --dl-size-size-large: 144px; - --dl-size-size-small: 48px; - --dl-color-danger-300: #A22020; - --dl-color-danger-500: #BF2626; - --dl-color-danger-700: #E14747; - --dl-color-gray-black: #000000; - --dl-color-gray-white: #FFFFFF; - --dl-size-size-medium: 96px; - --dl-size-size-xlarge: 192px; - --dl-size-size-xsmall: 16px; - --dl-space-space-unit: 16px; - --dl-color-primary-100: #003EB3; - --dl-color-primary-300: #0074F0; - --dl-color-primary-500: #14A9FF; - --dl-color-primary-700: #85DCFF; - --dl-color-success-300: #199033; - --dl-color-success-500: #32A94C; - --dl-color-success-700: #4CC366; - --dl-size-size-xxlarge: 288px; - --dl-size-size-maxwidth: 1400px; - --dl-radius-radius-round: 50%; - --dl-space-space-halfunit: 8px; - --dl-space-space-sixunits: 96px; - --dl-space-space-twounits: 32px; - --dl-radius-radius-radius2: 2px; - --dl-radius-radius-radius4: 4px; - --dl-radius-radius-radius8: 8px; - --dl-space-space-fiveunits: 80px; - --dl-space-space-fourunits: 64px; - --dl-space-space-threeunits: 48px; - --dl-space-space-oneandhalfunits: 24px; -} -.button { - color: var(--dl-color-gray-black); - display: inline-block; - padding: 0.5rem 1rem; - border-color: var(--dl-color-gray-black); - border-width: 1px; - border-radius: 4px; - background-color: var(--dl-color-gray-white); -} -.input { - color: var(--dl-color-gray-black); - cursor: auto; - padding: 0.5rem 1rem; - border-color: var(--dl-color-gray-black); - border-width: 1px; - border-radius: 4px; - background-color: var(--dl-color-gray-white); -} -.textarea { - color: var(--dl-color-gray-black); - cursor: auto; - padding: 0.5rem; - border-color: var(--dl-color-gray-black); - border-width: 1px; - border-radius: 4px; - background-color: var(--dl-color-gray-white); -} -.list { - width: 100%; - margin: 1em 0px 1em 0px; - display: block; - padding: 0px 0px 0px 1.5rem; - list-style-type: none; - list-style-position: outside; -} -.list-item { - display: list-item; -} -.teleport-show { - display: flex !important; - transform: none !important; -} -.Content { - font-size: 16px; - font-family: Inter; - font-weight: 400; - line-height: 1.15; - text-transform: none; - text-decoration: none; -} -.Heading { - font-size: 32px; - font-family: Inter; - font-weight: 700; - line-height: 1.15; - text-transform: none; - text-decoration: none; -} From 15c3d5a3f73c3f7f40f622a1dd7b0d5ba3edac5a Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:09:34 -0500 Subject: [PATCH 08/12] Add files via upload --- 404.css | 35 +++++++ 404.html | 68 ++++++++++++++ index.css | 243 ++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 254 +++++++++++++++++++++++++++++++++++++++++++++++++++ package.json | 10 ++ style.css | 116 +++++++++++++++++++++++ 6 files changed, 726 insertions(+) create mode 100644 404.css create mode 100644 404.html create mode 100644 index.css create mode 100644 index.html create mode 100644 package.json create mode 100644 style.css diff --git a/404.css b/404.css new file mode 100644 index 0000000..bbf36cc --- /dev/null +++ b/404.css @@ -0,0 +1,35 @@ +.not-found-container { + width: 100%; + display: flex; + overflow: auto; + min-height: 100vh; + align-items: center; + flex-direction: column; + justify-content: center; +} +.not-found-container1 { + display: flex; + position: relative; + align-items: center; + flex-direction: column; + justify-content: center; +} +.not-found-text1 { + color: rgb(38, 38, 38); + font-size: 252px; + margin-top: -20px; + font-weight: 900; + margin-bottom: -20px; + letter-spacing: -20px; +} +.not-found-container2 { + width: 421px; + display: flex; + align-items: center; + flex-direction: column; + justify-content: center; +} +.not-found-text2 { + text-align: center; + font-weight: 400; +} diff --git a/404.html b/404.html new file mode 100644 index 0000000..07a19df --- /dev/null +++ b/404.html @@ -0,0 +1,68 @@ + + + + 404 - Not Found + + + + + + + + + + + + + +
+ + +
+

OOPS! PAGE NOT FOUND

+
+

404

+
+
+

+ WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND +

+
+
+
+ + diff --git a/index.css b/index.css new file mode 100644 index 0000000..5ab146f --- /dev/null +++ b/index.css @@ -0,0 +1,243 @@ +.feature-card2-feature-card { + width: 100%; + display: flex; + padding: var(--dl-space-space-unit); + position: relative; + align-items: flex-start; + flex-direction: row; + justify-content: flex-start; +} +.feature-card2-icon { + fill: var(--dl-color-gray-500); + width: 2rem; + height: 2rem; + flex-shrink: 0; + margin-right: var(--dl-space-space-oneandhalfunits); +} +.feature-card2-container { + display: flex; + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; +} +.feature-card2-text { + font-weight: 600; + margin-bottom: var(--dl-space-space-unit); +} + + + + +@media(max-width: 767px) { + .feature-card2-feature-card { + flex-direction: row; + } + .feature-card2-container { + flex-direction: column; + } +} +@media(max-width: 479px) { + .feature-card2-container { + flex-direction: column; + } +} + +.question-container { + gap: var(--dl-space-space-unit); + flex: 1; + width: auto; + height: auto; + display: flex; + position: relative; + align-items: flex-start; + flex-direction: column; +} +.question-text { + font-weight: 700; + line-height: 1.6; +} +.question-text1 { + color: var(--dl-color-gray-800); + line-height: 1.6; +} + +.home-container { + width: 100%; + display: flex; + overflow: auto; + min-height: 100vh; + align-items: center; + flex-direction: column; +} +.home-hero { + width: 100%; + height: 706px; + display: flex; + padding: var(--dl-space-space-threeunits); + position: relative; + min-height: 80vh; + align-items: center; + flex-direction: column; + background-size: cover; + justify-content: center; + background-image: linear-gradient(113.8deg, rgba(150, 141, 201, 0.8) 0%, rgba(129, 129, 225, 0.8) 50%, rgba(108, 108, 225, 0.8) 100%),url('https://miro.medium.com/v2/resize:fit:1400/1*g3ARV1u4v9b9AKEIyPB7zw.jpeg'); +} +.home-text { + color: var(--dl-color-gray-white); + font-size: 3rem; +} +.home-text01 { + color: var(--dl-color-gray-white); + margin-top: var(--dl-space-space-twounits); + margin-bottom: var(--dl-space-space-twounits); +} +.home-btn-group { + display: flex; + align-items: center; + flex-direction: row; +} +.home-link { + font-size: 0.75rem; + transition: 0.3s; + padding-top: var(--dl-space-space-unit); + border-width: 0px; + padding-left: var(--dl-space-space-twounits); + padding-right: var(--dl-space-space-twounits); + padding-bottom: var(--dl-space-space-unit); + text-transform: uppercase; + text-decoration: none; +} +.home-link:hover { + transform: scale(1.02); +} +.home-button { + color: var(--dl-color-gray-white); + font-size: 0.75rem; + transition: 0.3s; + margin-left: var(--dl-space-space-unit); + padding-top: var(--dl-space-space-unit); + border-color: var(--dl-color-gray-white); + padding-left: var(--dl-space-space-twounits); + padding-right: var(--dl-space-space-twounits); + padding-bottom: var(--dl-space-space-unit); + text-transform: uppercase; + background-color: transparent; +} +.home-button:hover { + transform: scale(1.02); +} +.home-features { + width: 100%; + display: flex; + padding: var(--dl-space-space-threeunits); + max-width: var(--dl-size-size-maxwidth); + flex-direction: column; +} +.home-container1 { + width: 100%; + display: grid; + grid-gap: var(--dl-space-space-twounits); + grid-template-columns: 1fr 1fr; +} +.home-faq { + gap: var(--dl-space-space-twounits); + width: 100%; + display: flex; + max-width: var(--dl-size-size-maxwidth); + align-items: flex-start; + padding-top: var(--dl-space-space-fourunits); + padding-left: var(--dl-space-space-threeunits); + padding-right: var(--dl-space-space-threeunits); + flex-direction: row; + padding-bottom: var(--dl-space-space-fourunits); +} +.home-container2 { + display: flex; + max-width: 35%; + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; +} +.home-text02 { + font-family: "Raleway"; + line-height: 1.6; + margin-bottom: var(--dl-space-space-oneandhalfunits); +} +.home-text03 { + color: var(--dl-color-gray-800); + font-size: 18px; + text-align: left; + line-height: 1.6; +} +.home-container3 { + gap: var(--dl-space-space-oneandhalfunits); + display: flex; + align-items: flex-start; + flex-direction: column; +} +@media(max-width: 991px) { + .home-hero { + flex-direction: column; + } + .home-text { + text-align: center; + } + .home-text01 { + text-align: center; + } + .home-text03 { + text-align: center; + padding-left: var(--dl-space-space-threeunits); + padding-right: var(--dl-space-space-threeunits); + } +} +@media(max-width: 767px) { + .home-hero { + padding-left: var(--dl-space-space-twounits); + padding-right: var(--dl-space-space-twounits); + } + .home-features { + padding-left: var(--dl-space-space-twounits); + padding-right: var(--dl-space-space-twounits); + } + .home-container1 { + grid-template-columns: 1fr; + } + .home-faq { + padding-left: var(--dl-space-space-twounits); + padding-right: var(--dl-space-space-twounits); + flex-direction: column; + } + .home-container2 { + max-width: 100%; + align-self: center; + align-items: center; + justify-content: center; + } + .home-text03 { + padding-left: var(--dl-space-space-unit); + padding-right: var(--dl-space-space-unit); + } +} +@media(max-width: 479px) { + .home-hero { + width: 100%; + padding: var(--dl-space-space-twounits); + padding-top: var(--dl-space-space-twounits); + padding-left: var(--dl-space-space-unit); + padding-right: var(--dl-space-space-unit); + } + .home-btn-group { + flex-direction: column; + } + .home-button { + margin-top: var(--dl-space-space-unit); + margin-left: 0px; + } + .home-features { + padding-top: var(--dl-space-space-twounits); + padding-left: var(--dl-space-space-unit); + padding-right: var(--dl-space-space-unit); + padding-bottom: var(--dl-space-space-twounits); + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..15b3482 --- /dev/null +++ b/index.html @@ -0,0 +1,254 @@ + + + + Purple Bubble + + + + + + + + + + + + + + +
+ + +
+
+

Welcome To Purple Bubble!

+ + A Free and OpenSource Project Created By Hackclub and Maintained By + The Community + +
+ + Help COntribute + + +
+
+
+
+
+ + + +
+

+ End-to-End Encryption +

+ + + Ensure your conversations are secure and private with + end-to-end encryption. + + +
+
+
+ + + +
+

+ Cross-Platform Compatibility +

+ + + Access your messages from any device, whether it's a + smartphone, tablet, or computer. + + +
+
+
+ + + +
+

Group Chats

+ + + Easily create and manage group chats to collaborate with + friends, family, or colleagues. + + +
+
+
+ + + +
+

+ Customizable Themes +

+ + + Personalize your messaging experience with a wide range of + customizable themes and color options. + + +
+
+
+
+
+
+

Common questions

+ + + Here are some of the most common questions that we get. + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + What is an open-source messaging app? + + + + An open-source messaging app is a communication platform + developed collaboratively and made freely accessible to + everyone. + + +
+
+ + + Why should I choose an open-source messaging platform? + + + + + Open-source messaging platforms are cost-effective, + customizable, secure, and have active community support. + + +
+
+ + How secure are open-source messaging platforms? + + + + Open-source messaging platforms are secure because they use + strong encryption protocols and are transparent, allowing + users to inspect the source code + + +
+
+
+
+
+ + diff --git a/package.json b/package.json new file mode 100644 index 0000000..e3d6131 --- /dev/null +++ b/package.json @@ -0,0 +1,10 @@ +{ + "name": "nautical-dense-kudu", + "version": "1.0.0", + "private": true, + "dependencies": { + "parcel-bundler": "^1.6.1" + }, + "scripts": {}, + "devDependencies": {} +} \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..d5d2c56 --- /dev/null +++ b/style.css @@ -0,0 +1,116 @@ +:root { + --dl-color-gray-500: #595959; + --dl-color-gray-700: #999999; + --dl-color-gray-800: #595959; + --dl-color-gray-900: #D9D9D9; + --dl-size-size-large: 144px; + --dl-size-size-small: 48px; + --dl-color-danger-300: #A22020; + --dl-color-danger-500: #BF2626; + --dl-color-danger-700: #E14747; + --dl-color-gray-black: #000000; + --dl-color-gray-white: #FFFFFF; + --dl-size-size-medium: 96px; + --dl-size-size-xlarge: 192px; + --dl-size-size-xsmall: 16px; + --dl-space-space-unit: 16px; + --dl-color-primary-100: #003EB3; + --dl-color-primary-300: #0074F0; + --dl-color-primary-500: #14A9FF; + --dl-color-primary-700: #85DCFF; + --dl-color-success-300: #199033; + --dl-color-success-500: #32A94C; + --dl-color-success-700: #4CC366; + --dl-size-size-xxlarge: 288px; + --dl-size-size-maxwidth: 1400px; + --dl-radius-radius-round: 50%; + --dl-space-space-halfunit: 8px; + --dl-space-space-sixunits: 96px; + --dl-space-space-twounits: 32px; + --dl-color-primary1-blue80: #5228f5ff; + --dl-radius-radius-radius2: 2px; + --dl-radius-radius-radius4: 4px; + --dl-radius-radius-radius8: 8px; + --dl-space-space-fiveunits: 80px; + --dl-space-space-fourunits: 64px; + --dl-space-space-threeunits: 48px; + --dl-space-space-oneandhalfunits: 24px; +} +.button { + color: var(--dl-color-gray-black); + display: inline-block; + padding: 0.5rem 1rem; + border-color: var(--dl-color-gray-black); + border-width: 1px; + border-radius: 4px; + background-color: var(--dl-color-gray-white); +} +.input { + color: var(--dl-color-gray-black); + cursor: auto; + padding: 0.5rem 1rem; + border-color: var(--dl-color-gray-black); + border-width: 1px; + border-radius: 4px; + background-color: var(--dl-color-gray-white); +} +.textarea { + color: var(--dl-color-gray-black); + cursor: auto; + padding: 0.5rem; + border-color: var(--dl-color-gray-black); + border-width: 1px; + border-radius: 4px; + background-color: var(--dl-color-gray-white); +} +.list { + width: 100%; + margin: 1em 0px 1em 0px; + display: block; + padding: 0px 0px 0px 1.5rem; + list-style-type: none; + list-style-position: outside; +} +.list-item { + display: list-item; +} +.teleport-show { + display: flex !important; + transform: none !important; +} +.heading2 { + font-size: 2.5rem; +} +.sectionTitle { + font-size: 1rem; + font-weight: 700; + letter-spacing: 1.2; + text-transform: uppercase; +} +.heading4 { + font-size: 1.2rem; +} +.Heading { + font-size: 32px; + font-family: Inter; + font-weight: 700; + line-height: 1.15; + text-transform: none; + text-decoration: none; +} +.Content { + font-size: 16px; + font-family: Inter; + font-weight: 400; + line-height: 1.15; + text-transform: none; + text-decoration: none; +} +@media(max-width: 767px) { + .heading2 { + font-size: 1.8rem; + } + .heading4 { + font-size: 1.2rem; + } +} From 01905a2baae3558597242e8c544fc22d3a7305e5 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:09:50 -0500 Subject: [PATCH 09/12] Delete README.md --- README.md | 36 ------------------------------------ 1 file changed, 36 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index c403366..0000000 --- a/README.md +++ /dev/null @@ -1,36 +0,0 @@ -This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). - -## Getting Started - -First, run the development server: - -```bash -npm run dev -# or -yarn dev -# or -pnpm dev -# or -bun dev -``` - -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. - -You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. - -This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. - -## Learn More - -To learn more about Next.js, take a look at the following resources: - -- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. - -You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! - -## Deploy on Vercel - -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. - -Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. From 35130b3171aed0612e0b50c6d71a976027363067 Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:10:13 -0500 Subject: [PATCH 10/12] Create test --- components/test | 1 + 1 file changed, 1 insertion(+) create mode 100644 components/test diff --git a/components/test b/components/test new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/components/test @@ -0,0 +1 @@ + From 0f69d501497f8688327b678cea3b55c5c493042f Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:10:25 -0500 Subject: [PATCH 11/12] Add files via upload --- components/feature-card2.css | 43 +++++++++++++++++++++ components/feature-card2.html | 72 +++++++++++++++++++++++++++++++++++ components/question.css | 18 +++++++++ components/question.html | 67 ++++++++++++++++++++++++++++++++ 4 files changed, 200 insertions(+) create mode 100644 components/feature-card2.css create mode 100644 components/feature-card2.html create mode 100644 components/question.css create mode 100644 components/question.html diff --git a/components/feature-card2.css b/components/feature-card2.css new file mode 100644 index 0000000..6bd4ddc --- /dev/null +++ b/components/feature-card2.css @@ -0,0 +1,43 @@ +.feature-card2-feature-card { + width: 100%; + display: flex; + padding: var(--dl-space-space-unit); + position: relative; + align-items: flex-start; + flex-direction: row; + justify-content: flex-start; +} +.feature-card2-icon { + fill: var(--dl-color-gray-500); + width: 2rem; + height: 2rem; + flex-shrink: 0; + margin-right: var(--dl-space-space-oneandhalfunits); +} +.feature-card2-container { + display: flex; + align-items: flex-start; + flex-direction: column; + justify-content: flex-start; +} +.feature-card2-text { + font-weight: 600; + margin-bottom: var(--dl-space-space-unit); +} + + + + +@media(max-width: 767px) { + .feature-card2-feature-card { + flex-direction: row; + } + .feature-card2-container { + flex-direction: column; + } +} +@media(max-width: 479px) { + .feature-card2-container { + flex-direction: column; + } +} diff --git a/components/feature-card2.html b/components/feature-card2.html new file mode 100644 index 0000000..d703e1c --- /dev/null +++ b/components/feature-card2.html @@ -0,0 +1,72 @@ + + + + Nautical Dense Kudu + + + + + + + + + + + + + +
+ +
+ + + +
+

Lorem ipsum

+ + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lorem + lorem, malesuada in metus vitae, scelerisque accumsan ipsum. + + +
+
+
+ + diff --git a/components/question.css b/components/question.css new file mode 100644 index 0000000..0064379 --- /dev/null +++ b/components/question.css @@ -0,0 +1,18 @@ +.question-container { + gap: var(--dl-space-space-unit); + flex: 1; + width: auto; + height: auto; + display: flex; + position: relative; + align-items: flex-start; + flex-direction: column; +} +.question-text { + font-weight: 700; + line-height: 1.6; +} +.question-text1 { + color: var(--dl-color-gray-800); + line-height: 1.6; +} diff --git a/components/question.html b/components/question.html new file mode 100644 index 0000000..623f7c5 --- /dev/null +++ b/components/question.html @@ -0,0 +1,67 @@ + + + + Nautical Dense Kudu + + + + + + + + + + + + + +
+ +
+ + What types of cars do you sell? + + + + Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non + volutpat turpis. Mauris luctus rutrum mi ut rhoncus. + + +
+
+ + From e2e6f60bd946bafef8322bb23e238a95a37c5bbb Mon Sep 17 00:00:00 2001 From: Caen Jones <131218155+CaenJones@users.noreply.github.com> Date: Fri, 8 Dec 2023 21:10:37 -0500 Subject: [PATCH 12/12] Delete components/test --- components/test | 1 - 1 file changed, 1 deletion(-) delete mode 100644 components/test diff --git a/components/test b/components/test deleted file mode 100644 index 8b13789..0000000 --- a/components/test +++ /dev/null @@ -1 +0,0 @@ -