diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..79b42de --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,18 @@ +{ + "files.exclude": { + "**/.git": true, + "**/.svn": true, + "**/.hg": true, + "**/CVS": true, + "**/.DS_Store": true, + "**/Thumbs.db": true, + "**/.apivcs": true, + "**/.gitignore": true, + "**/.designer.json": true, + "**/.exchange.xml": true, + "**/.vscode": true, + "**/.mvn": true, + "**/.exchange_modules_tmp": true, + ".mule": true + } +} diff --git a/Logo_horizontal.png b/assets/Logo_horizontal.png similarity index 100% rename from Logo_horizontal.png rename to assets/Logo_horizontal.png diff --git a/Logomark_Bolt.png b/assets/Logomark_Bolt.png similarity index 100% rename from Logomark_Bolt.png rename to assets/Logomark_Bolt.png diff --git a/README.md b/assets/README.md similarity index 100% rename from README.md rename to assets/README.md diff --git a/Tplains2024-HoldingPage.png b/assets/Tplains2024-HoldingPage.png similarity index 100% rename from Tplains2024-HoldingPage.png rename to assets/Tplains2024-HoldingPage.png diff --git a/assets/dots.png b/assets/dots.png new file mode 100644 index 0000000..85c4947 Binary files /dev/null and b/assets/dots.png differ diff --git a/facebook.svg b/assets/facebook.svg similarity index 100% rename from facebook.svg rename to assets/facebook.svg diff --git a/handshake.svg b/assets/handshake.svg similarity index 100% rename from handshake.svg rename to assets/handshake.svg diff --git a/linked-in.svg b/assets/linked-in.svg similarity index 100% rename from linked-in.svg rename to assets/linked-in.svg diff --git a/microphone.svg b/assets/microphone.svg similarity index 100% rename from microphone.svg rename to assets/microphone.svg diff --git a/people.svg b/assets/people.svg similarity index 100% rename from people.svg rename to assets/people.svg diff --git a/tiny-bolt.png b/assets/tiny-bolt.png similarity index 100% rename from tiny-bolt.png rename to assets/tiny-bolt.png diff --git a/x-twitter.svg b/assets/x-twitter.svg similarity index 100% rename from x-twitter.svg rename to assets/x-twitter.svg diff --git a/dots.png b/dots.png deleted file mode 100644 index 263184c..0000000 Binary files a/dots.png and /dev/null differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..adbfa57 --- /dev/null +++ b/index.html @@ -0,0 +1,93 @@ + + + + + + ThunderPlains + + + + +
+
+
+ +
+
+ 10.10.24 | OKC, OK +

ThunderPlains

+

Developer Conference

+

+ ThunderPlains is an electrifying tech event that you don't want to + miss! +

+

+ Explore the latest trends, gain value insights, and connect whit + like-minded individuals who share your passion for technology. + whether you're a seasoned developer or just staring out, + ThunderPlains has something for everyone.Join us in 2024! +

+
+
+
+
+
+
+ Sponsor +
+
+ +
+
+
+
+ Speak +
+
+ microphone +
+
+
+ Volunteer +
+
+ Volunteer +
+
+
+
+
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..f6ad3a5 --- /dev/null +++ b/styles.css @@ -0,0 +1,182 @@ +:root { + --navy: #05125f; + --magenta: #931cad; + --darkMagenta: #5e1279; + --darkGrey: #242736; + --white: #fff; + --header-gradient: linear-gradient(320deg, #5e1279 2.37%, #05125f 67.37%); +} + +body { + margin: 0; + padding: 0; + color: var(--white); +} + +nav { + display: flex; + height: 2rem; + background: var(--darkGrey); + align-items: center; + justify-content: space-between; + padding: 0px 5em; +} + +.logo { + margin: 0; + margin-right: -2.9em; + font-size: 1.25rem; +} + +.logo-bolt { + height: 1.5rem; + padding-top: 1em; +} + +.links { + display: flex; + padding: 0; +} + +.link { + list-style: none; + margin: 5px; +} + +.socials { +} + +header { + margin-top: 0; + padding-top: 3em; +} + +.tplains-header { + position: relative; + background: var(--header-gradient); + width: 100vw; + height: 40rem; +} + +.subhead-divider { + color: var(--magenta); +} + +section { + margin: auto; + max-width: 1240px; +} + +.img-wrapper { + position: relative; + text-align: center; + width: 100%; + height: auto; + z-index: 2; +} + +.img-wrapper::after { + position: absolute; + background: url(/assets/dots.png); + background-repeat: repeat; + background-size: 1rem; + content: " "; + width: 80vw; + height: 77.5vh; + top: -50px; + left: 58%; + opacity: 2%; + z-index: -1; +} + +.header-img { + height: 30em; + text-align: center; +} + +.text-wrapper { + height: 500px; + width: 100%; + z-index: 10; +} + +.header-text { + font-size: 3rem; + margin-bottom: 0px; + font-family: "Murecho", sans-serif; +} + +.sub-header { + font-family: "Lato", sans-serif; + font-size: 2em; + font-weight: 500; + margin-top: 0; + color: var(--magenta); +} + +.flex-grow { + flex-grow: 1; +} + +.flex { + display: flex; +} + +.btn-container { + display: flex; + height: 3rem; + margin-top: 3em; +} + +.btn { + display: flex; + margin: auto; + z-index: 2; +} + +.header-btn { + background: var(--magenta); + height: 2rem; + min-width: 8em; + width: 12.5vw; + font-size: 24px; + border-radius: 4px; +} + +.img-box { + position: relative; + background: var(--darkGrey); + right: 6rem; + bottom: 1.2rem; + height: 75px; + width: 75px; + rotate: 8deg; + border: 2px solid white; + border-radius: 5px; +} + +.btn-img { +} + +#sponsor { + position: relative; + left: 0.8rem; + top: 1.1rem; + height: 2.3em; + rotate: -8deg; +} + +#speak { + position: relative; + left: -9.5rem; + top: -0.2rem; + height: 2.8em; +} + +#volunteer { + position: relative; + left: 0.9rem; + top: 1.2rem; + height: 2.3em; + rotate: -8deg; +}