-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
100 lines (84 loc) · 5.34 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>FILTE(RED) - About</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<style>
body {
padding-top: 70px;
/* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
</style>
<!-- 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>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">FILTE(RED)</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="/about.html">About</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-lg-4">
<img src="bono.png">
</div>
<div class="col-lg-4">
<img src="kard.png">
</div>
<div class="col-lg-4">
<img src="kutcher.png">
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<h1>About</h1>
<h2>FILTE(RED) is a web app built to raise awareness and spread support for (RED) and its role in the movement to eliminate AIDS in Africa.</h2><br>
<p class="lead">FILTE(RED) was born at Square's 3rd College Code Camp and built in 12 hours by roommates Bethany Davis and Shirley Miao. We were inspired by the scope and power of other social media movements in influencing support for non-profits such as the ALS Ice Bucket Challenge and Chevy's Purple-Your-Profile for World Cancer Day.</p><br>
<p class="lead">FILTE(RED) allows you to upload a photo of your choice and add the (RED) signature branding to your face. You can then save the picture on your computer or post it directly to your Twitter page.</p><br>
<p class="lead">Looking to the future, FILTE(RED) can expand and improve in many ways. Additional filters and stickers can be used as incentives for buying (RED) or donating. The FILTE(RED) team also hopes to implement a face-detection algorithm to automatically detect placements for the parantheses. The app itself can be unlocked by sending a Tweet or posting a status to raise awareness. FILTE(RED) can become more accessible to other social media platforms such as Facebook and Instagram. (RED) can also partner with a sponsor to 40 cents for each FILTE(RED) picture produced.</p><br>
<p class="lead"><b>How to use the app:</b><br>First, upload the desired picture from your computer. The standard picture size is 612x612 pixels, or the size of an Instagram image. Next, click the button to make yourself (RED) and resize, rotate, and position the parantheses on top of the photo. You can add as many sets of parantheses as you would like. Finally, share your creation with the world! Save the photo, Tweet it, make it your profile picture, and continue to support (RED)!</p><br>
<p class="lead">We would like to thank Square for hosting Code Camp and providing us with this amazing opportunity. Thank you to (RED) for inspiring our hackathon, Hotel Zetta for hosting us. Thank you to Rachel and Vanessa for going above and beyond in every aspect of Code Camp. Thank you to Derrick and Kat for all of the technical support throughout the hackathon and Vanessa for all of the moral support! We must also extend a thank you to github, SublimeText, Bootstrap, StackOverflow, the TwitterAPI, Fabric.js, and Photoshop. And finally, thanks to Ashton Kutcher for calling us hot.</p>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<!-- jQuery Version 1.11.0 -->
<script src="js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>