-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
97 lines (89 loc) · 5.63 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html>
<head>
<!-- Meta Info -->
<meta charset="utf-8">
<title>IDAT | I Did A Thing</title>
<!-- Search Engine -->
<meta name="description" content="A Daily Dose of QPOC awesomeness">
<meta name="image" content="https://karaajc.github.io/idat/assets/IDAT-Card.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="IDAT | I Did A Thing">
<meta itemprop="description" content="A Daily Dose of QPOC awesomeness">
<meta itemprop="image" content="https://karaajc.github.io/idat/assets/IDAT-Card.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="IDAT | I Did A Thing">
<meta name="twitter:description" content="A Daily Dose of QPOC awesomeness">
<meta name="twitter:site" content="@IDATbot">
<meta name="twitter:creator" content="@KaraAJC">
<meta name="twitter:image:src" content="https://karaajc.github.io/idat/assets/IDAT-Card.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" content="IDAT | I Did A Thing">
<meta name="og:description" content="A Daily Dose of QPOC awesomeness">
<meta name="og:image" content="https://karaajc.github.io/idat/assets/IDAT-Card.png">
<meta name="og:url" content="https://KaraAJC.github.io/idat">
<meta name="og:site_name" content="I Did A Thing">
<meta name="og:type" content="website">
<!--Import Fonts -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Amatic+SC|Press+Start+2P|Zilla+Slab+Highlight" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- Icon things -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://karaajc.github.io/idat/assets/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://karaajc.github.io/idat/assets/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="https://karaajc.github.io/idat/assets/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="https://karaajc.github.io/idat/assets/favicon-16x16.png" sizes="16x16" />
<link rel="shortcut icon" href="assets/favicon.ico" />
<meta name="application-name" content="IDAT | I Did A Thing"/>
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta name="msapplication-TileImage" content="https://karaajc.github.io/idat/assets/mstile-144x144.png" />
</head>
<body>
<!-- Nav -->
<nav>
<div class="nav-wrapper teal">
<a href="#" data-activates="mobile-menu" class="button-collapse kc-dropdown"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a class=
"btn black" href="new_creator.html">New Creator</a></li>
<li><a class=
"btn black" href="new_thing.html">New Thing</a></li>
<li><a class=
"btn black" href="about.html">About</a></li>
</ul>
<ul class="side-nav" id="mobile-menu">
<li><a href="new_creator.html">New Creator</a></li>
<li><a href="new_thing.html">New Thing</a></li>
<li><a href="about.html">About</a></li>
</ul>
<a href="index.html" class="brand-logo brand-heading">IDAT</a>
</div>
</nav>
<!-- Main -->
<img class="main-banner" src="assets/IDAT-Banner.png">
<div class="container">
<div class="section">
<h1 class="brand-heading">I Did A Thing!</h1>
<p class="summary"><span class="teal">IDAT</span> is a daily dose of awesome things made by Queer, Trans, Non-Binary folks who are Black or Non-Black People Of Color!</p>
<p class="summary">You'll be able to <span class="teal">Amplify</span> their work, <span class="teal">Celebrate</span> their achievement, and <span class="teal">Support</span> them financially or any way they see fit.</p>
<div class="divider"></div>
<h2 class="brand-heading">Stay Tuned for launch:<br/> SUBSCRIBE!</h2>
<form style="border:1px solid #ccc;padding:3px;" action="https://tinyletter.com/IDAT" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/IDAT', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
<div class="container"><p><label for="tlemail">Enter your email address</label></p><p><input type="text" name="email" id="tlemail" /></p><input type="hidden" value="1" name="embed"/><input class="btn" type="submit" value="Subscribe" /><p><a href="https://tinyletter.com" target="_blank">powered by TinyLetter</a></p></div></form>
</div class="section">
<div class="section">
<div class="divider"></div>
<h2 class="brand-heading">Are YOU a QPOC Creator?<br/>Let Us Know!</h2>
<p class="summary">Right now, we're collecting info on all QPOC Creators who would like to share their work! <a href="new_creator.html">Submit your Creator info!</a> Then, <a href="new_thing.html">Submit your thing!!</a></p>
</div class="section">
</div class="container">
<!-- Compiled and minified JavaScript -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.1/js/materialize.min.js"></script>
<script type="text/javascript" src="src/index.js"></script>
</body>
</html>