-
Notifications
You must be signed in to change notification settings - Fork 0
/
search_stories.html
81 lines (61 loc) · 3.08 KB
/
search_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
<template name ="search_stories">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trans*Network | Stories</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap-responsive.css"><!--for different sized screens -->
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="home.css" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
{{> nav_bar}}
<div class="container">
<h1>Stories</h1>
<div class="input-group col-lg-2 pull-right">
<input type="text" height="34px" class="input-control pull-right-nopad heightchange" placeholder="Search Stories">
<span class="input-group-btn">
<a class="btn btn-default" href="{{ pathFor 'search_stories'}}"><i class="glyphicon glyphicon-search"></i></a>
</span>
</div><!-- /input-group -->
<br> <h1>Search Results </h1> <br>
<p>
<table border="1" style="width:700px" align="center">
<tr>
<td><b><a href="storiesJillsStory.html">Jill's Story</a></b> <br> I’m transgender, meaning the gender that was assigned
to me at birth doesn’t match the gender I identify with. For most of my life, I couldn’t articulate this feeling in a
coherent way.</td>
<td class="hugs" >50 hugs <div title="Give a hug!">
<button type="button" class="btn btn-default">
<img src="img/hug.png" >
</button>
</div> <br><a href="{{ pathFor 'storiesAllJill' }}"> 2 Comments </a> <br> <br> <a href="{{ pathFor 'storiesAllJill' }}">Read More...</a></td>
</tr>
</table>
<br>
<table border="1" style="width:700px" align="center">
<tr>
<td><b> <a href="storiesEvesStory.html">Eve's Story</a> </b> <br> I've just got off the phone with one of my childhood bullies. He used to call me names and hit me on the way home from school, but we're friends now. He's slightly in awe of my life today and, to be honest, so am I. This year has been intense. </td>
<td class="hugs" >50 hugs <div title="Give a hug!" >
<button type="button" class="btn btn-default">
<img src="img/hug.png" >
</button>
</div> <br> <a href="{{ pathFor 'storiesAllEve' }}">2 Comments </a><br> <br><a href="{{ pathFor 'storiesAllEve' }}"> Read More...</a></td>
</tr>
</table>
</p>
</div>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</template>