|
|
|
|
@ -1,6 +1,5 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<center>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
@ -9,41 +8,46 @@
|
|
|
|
|
If you include the next line in all your web pages, they will all share the same look.
|
|
|
|
|
This makes it easier to make new pages for your site. -->
|
|
|
|
|
<link href='style.css' rel='stylesheet' type="text/css" media="all">
|
|
|
|
|
<style>
|
|
|
|
|
* { cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important; }
|
|
|
|
|
img { max-width: 100% }
|
|
|
|
|
table { border: 2px outset white }
|
|
|
|
|
td { border: 1px solid white }
|
|
|
|
|
.table-container { overflow: scroll }
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body style="background-color:black;color:white;"White text>
|
|
|
|
|
<body style="background-color:black;color:white;"> <!-- White text -->
|
|
|
|
|
<center>
|
|
|
|
|
<a href="./index.html">Home</a>
|
|
|
|
|
<h1>Goths Tonight Minneapolis</h1>
|
|
|
|
|
<nav>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="#introduction">Home</a></li>
|
|
|
|
|
<li><a href="#calendar">Calendar</a></li>
|
|
|
|
|
<li><a href="#blog">Blog</a></li>
|
|
|
|
|
<li><a href="#social media">Social Media</a></li>
|
|
|
|
|
<li><a href="#helpful links">Helpful links</a></li>
|
|
|
|
|
<li><a href="#social-media">Social Media</a></li>
|
|
|
|
|
<li><a href="#helpful-links">Helpful links</a></li>
|
|
|
|
|
<li><a href="#calendar">Calendar</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
<div id="introduction">
|
|
|
|
|
|
|
|
|
|
<p>Welcome to the <strong>Goths Tonight </strong> website, <br>home to our <em> digital calendar and zine </em> <br>
|
|
|
|
|
<a href="https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to" target="_blank">Instagram</a> </p>
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div id="introduction">
|
|
|
|
|
<p>Welcome to the <strong>Goths Tonight</strong> website, <br>home to our <em>digital calendar and zine</em></p>
|
|
|
|
|
<p>For the Goths, Gays, and Spookily Inclined.</p>
|
|
|
|
|
</div>
|
|
|
|
|
<img src="/GothTonight_Stacked.jpg" width="320" height="240" control alt="Goths Tonight Logo">
|
|
|
|
|
<div id="calendar">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<img src="GothTonight_Stacked.jpg" width="320" height="240" alt="Goths Tonight Logo">
|
|
|
|
|
|
|
|
|
|
<div id="blog">
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="social media">
|
|
|
|
|
<!--to add later -->
|
|
|
|
|
<div id="social-media">
|
|
|
|
|
<a href="https://www.instagram.com/goths_tonight.mpls/?ref=clublink.to" target="_blank">Instagram</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="helpful links">
|
|
|
|
|
<div id="helpful-links">
|
|
|
|
|
<p>Featuring regular events like:</p>
|
|
|
|
|
<table border="2">
|
|
|
|
|
<div class="table-container">
|
|
|
|
|
<table>
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th scope="col">Event or Place</th>
|
|
|
|
|
@ -90,20 +94,27 @@
|
|
|
|
|
</tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
<iframe height=1000 width=3000 src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQ5G5kI-E6VIliq8KAPhXxR1OVeN2PjnHiFpHPBD1VrJQTkJNcyKVAwK6siWPuP8BKcgxyN3zk1yIMd/pubhtml?gid=1160599980&single=true&widget=true&headers=false"></iframe>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="calendar" class="table-container">
|
|
|
|
|
<iframe height="1000" width="1200" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQ5G5kI-E6VIliq8KAPhXxR1OVeN2PjnHiFpHPBD1VrJQTkJNcyKVAwK6siWPuP8BKcgxyN3zk1yIMd/pubhtml?gid=1160599980&single=true&widget=true&headers=false"></iframe>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<section>
|
|
|
|
|
<h1>Submit Events</h1>
|
|
|
|
|
<p>Use form to submit goth or goth adjacent events for me to consider</p>
|
|
|
|
|
<form action="/practice.html" method="POST">
|
|
|
|
|
<label for="event">Submit an event here!</label>
|
|
|
|
|
<br>
|
|
|
|
|
<input type="text" name="event">
|
|
|
|
|
<h1>Submit Events</h1>
|
|
|
|
|
<p>Use form to submit goth or goth adjacent events for me to consider</p>
|
|
|
|
|
<a href="https://forms.gle/Rs1N8GEW4o29UrCy7">Link to Google Form </a>
|
|
|
|
|
<input type="text" name="event" id="event">
|
|
|
|
|
</form>
|
|
|
|
|
<p><a href="https://forms.gle/Rs1N8GEW4o29UrCy7">Link to Google Form </a></p>
|
|
|
|
|
</section>
|
|
|
|
|
<center><a href="http://www.zwani.com/graphics/gothic/"><img src="http://images.zwani.com/graphics/gothic/images/gh543.gif" alt="zwani.com myspace graphic comments" border=0></a><br><a href="http://www.zwani.com/graphics/gothic/" target="_blank">Gothic comments</a></center>
|
|
|
|
|
<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol62.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/31/hol62.html" target="_blank" title="Black Bat"><img src="https://cur.cursors-4u.net/cursor.png" border="0" alt="Black Bat" style="position:absolute; top: 0px; right: 0px;" /></a>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
<a href="http://www.zwani.com/graphics/gothic/"><img src="http://images.zwani.com/graphics/gothic/images/gh543.gif" alt="zwani.com myspace graphic comments"></a>
|
|
|
|
|
<br>
|
|
|
|
|
<a href="http://www.zwani.com/graphics/gothic/" target="_blank">Gothic comments</a>
|
|
|
|
|
<a href="https://www.cursors-4u.com/cursor/2005/10/31/hol62.html" target="_blank" title="Black Bat">Cursor</a>
|
|
|
|
|
</center>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
