From 83ae1dffbffa564edcd9f12482e93573624e559d Mon Sep 17 00:00:00 2001 From: biglyderv Date: Wed, 15 Jan 2025 16:54:10 -0500 Subject: [PATCH] giggles --- giggles.svg | 60 ++++++++++++++++++++++++++++++++++ giggles2.svg | 91 ++++++++++++++++++++++++++++++++++++++++++++++++++++ index.css | 71 ++++++++++++++++++++++++++++++++++++++++ index.html | 34 ++++++++++++++++++++ 4 files changed, 256 insertions(+) create mode 100644 giggles.svg create mode 100644 giggles2.svg create mode 100644 index.css create mode 100644 index.html diff --git a/giggles.svg b/giggles.svg new file mode 100644 index 0000000..89de86f --- /dev/null +++ b/giggles.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + diff --git a/giggles2.svg b/giggles2.svg new file mode 100644 index 0000000..1492645 --- /dev/null +++ b/giggles2.svg @@ -0,0 +1,91 @@ + + + +Giggles diff --git a/index.css b/index.css new file mode 100644 index 0000000..5ce6a2b --- /dev/null +++ b/index.css @@ -0,0 +1,71 @@ +body { + margin: 0; + height: 100%; + padding: 0; + font-family: Google Sans, Roboto, Arial, sans-serif; + font-size: 16px; + line-height: 24px; + font-weight: 400; + color: #202124; +} + +p { + color: #404144; +} + +.header a { + display: flex; + justify-content: center; + align-items: center; +} + +.main { + column-gap: 24px; + grid-template-columns: repeat(2, 1fr); + display: grid; + max-width: 1000px; + padding-left: 24px; + padding-right: 24px; + margin: 0 auto; + width: calc(100% - 48px); +} + +.header { + box-shadow: 0 2px 6px #0000001f,inset 0 -1px #dadce0; + height: 64px; + display: flex; + align-items: center; + margin-bottom: 64px; +} + +.header a { + margin-left: 32px; +} + +.button { + font-size: 16px; + line-height: 24px; + font-weight: 500; + letter-spacing: 0.2px; + + color: rgb(255, 255, 255); + text-decoration: none; + background-color: rgb(26, 115, 232); + border-radius: 4px; + padding: 12px 24px; +} + +.main div:nth-child(2) { + display: flex; + flex-direction: column; + justify-items: center; +} + +.art { + height: 250px; + margin: auto; +} + +.ico { + height: 24px; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..d0e109a --- /dev/null +++ b/index.html @@ -0,0 +1,34 @@ + + + + + + Dervland + + + + + + +
+ +
+
+
+ +

Broadcast your Giggles to the world

+

Share your short-form Giggles to the world - all on your mobile phone.

+ + Join + +
+
+ +
+
+ + + \ No newline at end of file