-
Notifications
You must be signed in to change notification settings - Fork 0
/
stories.html
160 lines (145 loc) · 6.63 KB
/
stories.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html>
<head>
<!-- WIP title -->
<title>OLD MATE</title>
<!-- Meta Information -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" lang="en"/>
<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no"/>
<!-- Optional additional meta data -->
<meta name="Old Mate" content="Because suicide prevention never gets old" />
<meta name="keywords" content=""/>
<!-- Link to Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<link rel="stylesheet" type="text/css" href="css/normalize.css"/>
<!-- Twitter Card data -->
<meta name="twitter:card" content="Because suicide prevention never gets old">
<meta name="twitter:site" content="@spurprojects">
<meta name="twitter:title" content="Old Mate">
<meta name="twitter:description" content="Because suicide prevention never gets old">
<meta name="twitter:creator" content="@spurprojects">
<meta name="twitter:image" content="http://oldmate.spurprojects.org/images/oldmate_logo.png">
<!-- Open Graph data -->
<meta property="og:title" content="Old Mate" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://oldmate.spurprojects.org" />
<meta property="og:image" content="http://oldmate.spurprojects.org/images/oldmate_logo.png" />
<meta property="og:description" content="Because suicide prevention never gets old" />
<meta property="fb:admins" content="http://facebook.com/softenthefckup/" />
<!--[if IE]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- Google Anayltics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-71234715-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Google APIs -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<!-- -->
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#1">Mission</a></li>
<li><a href="#2">Pledge</a></li>
<li><a href="#3">Get Involved</a></li>
<li><a href="#4">Donate</a></li>
</ul>
</nav>
</header>
<!-- Stories Headings -->
<section class="">
<article>
<h1>Stories</h1>
<p>
Below is a collection of posts from the Old Mate army. These are a combination of social media posts
with the hashtag #oldmate, as well as personal stories.
</p>
</article>
<!-- Montly Old Mate Ideas -->
<article>
<button>Add your own Old Mate story</button>
</article>
<article class="writeModal">
<form action="" method="post" enctype="multipart/form-data">
<fieldset>
<legend>
We want to celebrate the Old Mates in your life! This area is an opportunity
for you to share the story of your Old Mate with the world and how you foster your
relationship with them
</legend>
<label for="storiesname">Name</label>
<input type="text" name="storiesname" id="storiesname"/>
<label for="message">Message</label>
<textarea type="message" name="message" id="message"/></textarea>
<input type="file" name="image"/>
<label for="terms"><a href="">Terms and Conditions</a></label>
<input type="checkbox" name="terms" id="terms"/>
<input type=submit id="storiesSubmit" value="Share"/>
</fieldset>
</form>
</article>
<article>
<div>
<img src="img\hero.jpg"/>
</div>
<div>
<img src="img\hero.jpg"/>
</div>
<div>
<img src="img\hero.jpg"/>
</div>
<div>
<img src="img\hero.jpg"/>
</div>
<div>
<img src="img\hero.jpg"/>
</div>
<div>
<img src="img\hero.jpg"/>
</div>
</article>
<!-- Footer -->
<div class="footer">
<div class="container clearfix">
<div class="split"></div>
<div class="grid_4 alpha">
<p class="bold">Another Initative By <a class="inline" href="http://spurprojects.org" target="_blank">Spur Projects</a><br/><br/>
<a href="http://spurprojects.org" target="_blank"><img class="inline" height="50px" src="/images/spur_logo_white.png"/ alt="Spur Projects"></a></p>
<p class="bold"><a href="/privacy/">PRIVACY POLICY</a><br/>
ABN 52 602 790 670<br/>© | 2016 </p>
</div>
<div class="grid_4">
<p class="bold">Other Spur Projects Include:<br/>
<a href="http://howistheworldfeeling.spurprojects.org" target="_blank">How is the World Feeling?</a><br/>
<a href="http://getsilentgetheard.spurprojects.org"target="_blank">Get Silent. Get Heard.</a><br/>
<a href="http://softenthefckup.spurprojects.org" target="_blank">Soften the Fck Up</a><br/>
<a href="http://theblueletterbox.spurprojects.org" target="_blank">The Blue Letterbox</a><br/>
<a href="http://fuckupnight.spurprojects.org" target="_blank">F.U.N.</a><br/>
<a href="http://howisyourorganisationfeeling.spurprojects.org" target="_blank">How is your Organisation Feeling?</a><br/>
<a href="http://howisaustraliafeeling.spurprojects.org" target="_blank">How is Australia Feeling?</a><br/>
<a href="http://thisisaconversationstarter.spurprojects.org" target="_blank">This is a Conversation Starter</a><br/><br/>
</div>
<div class="grid_4 omega">
<p class="bold">CONTACT US<br/>
<span class="icon-mail"></span><a href="/contact"> mail@spurprojects.org</a><br/>
<span class="icon-facebook"></span><a href="https://www.facebook.com/spurprojects" target="_blank"> facebook.com/spurprojects</a><br/>
<span class="icon-twitter"></span><a href="https://www.twitter.com/spurprojects" target="_blank"> twitter.com/spurprojects</a><br/>
<span class="icon-youtube"></span><a href="https://www.youtube.com/user/SpurProjectsAU" target="_blank"> youtube.com/spurprojectsau</a></p>
<h3 class="bold footerdonate"><a href="https://donorbox.org/how-is-the-world-feeling" target="_blank">Donate Now</a></h3>
</div>
<div class="grid_12 omega centertext">
</div>
<div class="grid_4 alpha"></div>
<div class="grid_8 omega lefttext">
<br/><br/><br/>
</div>
</div>
</div>
</div>
</body>
</html>