Skip to content

Commit

Permalink
Merge pull request #6 from melissacodes/main
Browse files Browse the repository at this point in the history 
Updates for 2024 Site
  • Loading branch information
@vlucas
vlucas authored May 17, 2024
2 parents b976634 + cc50638 commit 6d62d9b
Show file tree
Hide file tree
Showing 3 changed files with 546 additions and 204 deletions.
Binary file added .DS_Store
View file
Binary file not shown.
236 changes: 133 additions & 103 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,132 +5,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ThunderPlains</title>
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="thunderplains-lower.css">
<!--<link rel="stylesheet" href="thunderplains-lower.css">-->
</head>
<nav class="navbar">
<div class="logo flex">
<img class="logo-bolt" src="assets/tiny-bolt.png" alt="logo-bolt" />
<p>#thunderplains2024</p>
</div>
<div class="link-container">
<ul class="links">
<li class="link"><a>SPONSOR</a></li>
<li class="link">|</li>
<li class="link">SPEAK</li>
<li class="link">|</li>
<li class="link">VOLUNTEER</li>
</ul>
</div>
<div class="socials">
<img class="social-link" src="assets/x-twitter.svg" alt="X-Twitter" />
<img class="social-link" src="assets/facebook.svg" alt="FaceBook" />
<img class="social-link" src="assets/linked-in.svg" alt="LinkedIn" />
</div>
</nav>
<body>
<header class="tplains-header">
<section class="flex flex-container">
<div class="img-wrapper">
<img src="assets/Logomark_Bolt.png" alt="" class="header-img" />
</div>
<div class="text-wrapper">
<span class="info">10.10.24 <span class="subhead-divider"> | </span>OKC, OK</span
>
<h1 class="header-text">ThunderPlains</h1>
<h2 class="sub-header"> Developer Conference</h2>
<h1 class="comment">
ThunderPlains is an electrifying tech event that you don't want to
miss!
</h1>
<p class="intro">
Explore the latest trends, gain valuable insights, and connect with
like-minded individuals who share your passion for technology.
whether you're a seasoned developer or just starting out,
ThunderPlains has something for everyone.
<strong>Join us in 2024!</strong
>
</p>
</div>
</section>
<div>
<div class="btn-container">
<div class="btn">
<div class="header-btn">
<a>Sponsor</a>
<header class="top-nav">
<div class="row-wrapper">
<nav class="navbar">
<div class="logo flex">
<a href="https://twitter.com/ThunderPlains">
<img class="logo-bolt" src="assets/tiny-bolt.png" alt="logo-bolt" />
<p>#thunderplains2024</p>
</a>
</div>
<div class="img-box">
<img
id="sponsor"
class="btn-img"
src="assets/handshake.svg"
alt="handshake"
/>
<div class="link-container">
<ul class="links">
<li class="link">
<a href="">SPONSOR</a>
</li>
<li class="link">
<a href="">SPEAK</a>
</li>
<li class="link">
<a href="">VOLUNTEER</a>
</li>
</ul>
</div>
<div class="socials">
<p>Share:</p>
<a href="">
<img class="social-link" src="assets/x-twitter.svg" alt="X-Twitter" />
</a>
<a href="">
<img class="social-link" src="assets/facebook.svg" alt="Facebook" />
</a>
<a href="">
<img class="social-link" src="assets/linked-in.svg" alt="LinkedIn" />
</a>
</div>
</div>
<div class="btn">
<div class="header-btn">
<a>Speak</a>
</nav>
</div>
</header>
<main>
<section class="tplains-header">
<div class="row-wrapper ">
<div class="flex flex-container">
<div class="img-wrapper">
<img src="assets/Logomark_Bolt.png" alt="" class="header-img" />
</div>
<div class="text-wrapper">
<span class="info">10.23.24 <span class="subhead-divider"> | </span>OKC, OK</span>
<h1 class="header-text">
ThunderPlains
<span class="sub-header"> Developer Conference</span>
</h1>

<p class="comment">
ThunderPlains is an electrifying tech event that you don't want to
miss!
</p>
<p class="intro">
Explore the latest trends, gain valuable insights, and connect with
like-minded individuals who share your passion for technology.
whether you're a seasoned developer or just starting out,
ThunderPlains has something for everyone.
<strong>Join us in 2024!</strong
>
</p>
<div class="btn-container">
<div class="btn">
<a href="https://www.papercall.io/thunderplains-2024">
<div class="header-btn">
<span>Sponsor</span>
</div>
<div class="img-box">
<img id="sponsor" class="btn-img" src="assets/handshake.svg" alt="handshake" />
</div>
</a>
</div>
</div>
</div>
<div class="img-box"></div>
<img
id="speak"
class="btn-img"
src="assets/microphone.svg"
alt="microphone"
/>
</div>
<div class="btn">
<div class="header-btn">
<a>Volunteer</a>
</div>
<!-- <div class="row-wrapper">
<div class="btn-container">
<div class="btn">
<a href="">
<div class="header-btn">
<span>Sponsor</span>
</div>
<div class="img-box">
<img id="sponsor" class="btn-img" src="assets/handshake.svg" alt="handshake" />
</div>
</a>
</div>
<div class="img-box">
<img id="volunteer" class="btn-img" src="assets/people.svg" alt="Volunteer" />
<div class="btn">
<a href="">
<div class="header-btn">
<span>Speak</span>
</div>
<div class="img-box">
<img id="speak" class="btn-img" src="assets/microphone.svg" alt="microphone" />
</div>
</a>
</div>
<div class="btn">
<a href="">
<div class="header-btn">
<span>Volunteer</span>
</div>
<div class="img-box">
<img id="volunteer" class="btn-img" src="assets/people.svg" alt="Volunteer" />
</div>
</a>
</div>
</div>
</div> -->
</section>
<!--
<section class="center">
<div id="s1" class="center">
<h3 class="center">Event Details</h3>
<img src="triple-line.svg" alt="ThunderPlains" id="tp-logo">
</div>
</div>
</header>

<section class="center">
<div id="s1" class="center">
<h3 class="center">Event Details</h3>
<img src="triple-line.svg" alt="ThunderPlains" id="tp-logo">
</div>
<div id="s2" class="center">
<div id="s2-1" class="center div-third">
<!-- this div is empty for spacing -->
</div>

<div id="s2-2" class="center div-third">
<h5>Date:</h5>
<h6>October 10, 2024</h6>
</div>

<div id="s2-3" class="center div-third">
<h5>Venue:</h5>
<h6>OKC Convention Center</br>Downtown OKC</h6>
<p>Special Event - FREE Parking is Available.</p>
<div id="s2" class="center">
<div id="s2-2" class="center div-third">
<h5>Date:</h5>
<h6>October 10, 2024</h6>
</div>
<div id="s2-3" class="center div-third">
<h5>Venue:</h5>
<h6>OKC Convention Center</br>Downtown OKC</h6>
<p>Special Event - FREE Parking is Available.</p>
</div>
</div>
</div>
<div id="photo-wrapper" class="center">
<img src="okc-event-center.png" alt="OKC Convention Center" id="event-photo">
</div>
</section>

<div id="photo-wrapper" class="center">
<img src="okc-event-center.png" alt="OKC Convention Center" id="event-photo">
</div>
</section>
-->
</main>
<footer class="center">
<div id="f1" class="center">
<img src="assets/Logo_horizontal.png" alt="ThunderPlains" id="tp-logo" class="center">
</div>

<div id="f2" class="center">
<p id="f2-p1">ThunderPlains is a Techlahoma event organized by Vance Lucas and many other volunteers</p>

<p id="f2-p1">ThunderPlains is a <a href="https://www.techlahoma.org/">Techlahoma</a> event organized by <a href="">Vance Lucas</a> and many other volunteers.</p>
<p id="f2-p2">
<a href="https://www.techlahoma.org/code-of-conduct" class="text-gray-200 no-underline hover:text-gray-400">Techlahoma Code of Conduct</a>
</p>

<p>Site Design: <a href="https://www.melissatalkington.com">Melissa Talkington</a></p>
<ul class="center">
<li id="first-li">Previous Years:</li>
<li><a href="http://2023.thunderplainsconf.com">2023</a></li>
Expand Down
Loading

0 comments on commit 6d62d9b

Please sign in to comment.