-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (119 loc) · 4.86 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
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
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<title>Katye2020</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="jumbotron">
<style>
.jumbotron {
background-image: url("https://c1.staticflickr.com/1/748/32082516030_a809d8e182_k.jpg");
background-size: 101%;
}
body{
background-color: #FFFFFF;
}
</style>
<div class="container">
<h1> </h1>
<center><h1 class="text-centre">Katye</h1>
<h1> </h1>
<p>Are you as frustrated as us with the world politics situation? Maybe you want to see some change happening in the near future, aka 2020?</p>
<p>Katye is your perfect solution! This simple chrome extension replaces all text instances of <s>Donald Trump</s> with "kanye2020" and all images with kittens thereby creating a more pleasant internet experience for any chrome user.</p></center>
</div>
</div>
<div class="container">
<!--center>
<button type="button" class="btn btn-info btn-lg">About Katye</button>
<button type="button" class="btn btn-info btn-lg">Team</button>
<button type="button" class="btn btn-info btn-lg">Blog</button>
<button type="button" class="btn btn-info btn-lg">Stay in the Loop!</button>
<button type="button" class="btn btn-success btn-lg">Install</button>
</center-->
<center>
<h1></h1><br>
<h1 class="text-centre">EXAMPLE</h1>
<h1></h1>
<p>I love Donald Trump</p>
<img src="https://brobible.files.wordpress.com/2016/05/drake-memes-14.jpg?quality=90&w=650" alt="some_text" style="width:width;height:height;">
<p>Trump is so great</p>
<img src="https://cdn0.vox-cdn.com/uploads/chorus_asset/file/7127387/frog-funny-lmao-lol-Favim.com-3505820.jpg" alt="some_text" style="width:width;height:height;">
<p>Donald John Trump is my hero</p>
<img src="https://s-media-cache-ak0.pinimg.com/736x/6e/e4/bc/6ee4bc98a3564de4dbecf292671bea75.jpg" alt="some_text" style="width:width;height:height;">
<img src="https://img.buzzfeed.com/buzzfeed-static/static/2015-11/4/9/enhanced/webdr02/enhanced-29700-1446647343-1.jpg" alt="some_text" style="width:width;height:height;">
</center>
<center>
<h1></h1><br>
<h1 class="text-centre">About Katye</h1>
<h1></h1>
<p>Built in a 24-hour hackathon at Concordia University, Katye is a fun Google Chrome extension built to replace all online images with cats and replace any mentions of Donald Trump with kanye2020</p>
</center>
<h1></h1><br>
<h1 class="text-centre">Team</h1>
<h1></h1>
<p class="text-center">
<h3>Isabelle del Mundo</h3>
<p>Software Engineering student at McGill University.</p>
<p>Role: Helped build chrome extension and publish website using Javascript, HTML, and CSS.</p>
<address>
<strong>GitHub: </strong>
<a href="https://github.com/isabelledelmundo">https://github.com/isabelledelmundo</a><br>
<strong>Email: </strong>
<a href="mailto:#">[email protected]</a><br>
</address>
<h3>Nima Chatlani</h3>
<p>Software Engineering student at McGill University.</p>
<p>Role: Helped build chrome extension using Javascript and CSS.</p>
<address>
<strong>GitHub: </strong>
<a href="https://github.com/nimachatlani">https://github.com/nimachatlani</a><br>
<strong>Email: </strong>
<a href="mailto:#">[email protected]</a><br>
</address>
<h3>May Wang</h3>
<p>Civil Engineering student at McGill University. </p>
<p>Role: Built this website using HTML with the help of Bootstrap.</p>
<address>
<strong>GitHub: </strong>
<a href="https://github.com/mmmw219">https://github.com/mmmw219</a><br>
<strong>Email: </strong>
<a href="mailto:#">[email protected]</a><br>
</address>
</p>
<!--h1></h1><br>
<h1 class="text-centre">Stay in the Loop!</h1>
<h1></h1>
<div class="container">
<form class="form-inline">
<div class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
</div>
<h1></h1>
<div class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]">
</div>
<h1></h1>
<button type="submit" class="btn btn-default">Keep me updated!</button>
</form>
<script type="text/javascript">
var frmvalidator = new Validator("myform");
frmvalidator.addValidation("Name","req","Please enter your name");
frmvalidator.addValidation("Name","maxlen=50",
"Max length for Name is 50");
frmvalidator.addValidation("Email","maxlen=50");
frmvalidator.addValidation("Email","req");
frmvalidator.addValidation("Email","email");
</script>
</div-->
<h1></h1><br>
<h1 class="text-centre">Install</h1>
<h1></h1>
<a href="https://github.com/isabelledelmundo/Kanye2020.git">Check out our github repo for this extension!</a><br>
<p></p><br>
</div>
</body>
</html>