-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (88 loc) · 5.69 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>L0v3 Bot</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is love in the digital age. Love Bot 2000 is disrupting dating and automating the creation of lifelong connections via the twittersphere. It crawls the tweets of celebs like Neil Degrasse Tyson, finds fans who retweeted their same tweet and are geographically close, and relentlessly tweets intros @ these potential soul mates. Love Bot instigates love for people, regardless of whether they're searching for it, separated in age by 50 years, or are in committed relationships.">
<meta name="author" content="Alex Berke">
<link rel="shortcut icon" href="static/img/robot-icon-transparent.png" type="image/x-icon">
<meta property="og:image" content="https://raw.githubusercontent.com/aberke/love-bot/master/static/img/love-bot-logo.jpg" />
<link rel="stylesheet" href="static/index.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lobster|Kanit:300,600,700,800" rel="stylesheet">
</head>
<body>
<header>
<span id="apply-btn-container">
<a class="apply-btn" href="#celeb-application">♡ Celebrity Application</a>
</span>
<h1 id="title" class="cursive">Love Bot</h1>
</header>
<div id="content">
<section id="short-description">
<p>Automating lifelong connections,</p>
<p>Disrupting dating,</p>
<p>Pairing potential soul mates whether they want love or not.</p>
<p class="is-bot">this is a Twitter bot: <a href="https://twitter.com/lovebot_2000">@lovebot_2000</a></p>
</section>
<section id="long-description">
<img src="static/img/love-icon.jpg">
<p>People use technology to find love. With Grindr, Tinder, Bumble, people are relentlessly swiping away the days. These apps connect people in a common geographic location, all desperately looking for love. As technologists it is duty to make this more efficient.</p>
<p>Love Bot 2000 is disrupting dating and automating the creation of lifelong connections via the twittersphere. It crawls the tweets of celebrities like Neil Degrasse Tyson, finds people that retweeted their same tweet and are geographically near each other, and then relentlessly tweets intros @ these potential soul mates. This bot instigates love for people, regardless of whether they're searching for it, separated in age by 50 years, or are in committed relationships.</p>
<p style="text-align: center;">This is love in the digital age.</p>
</section>
<section id="testimonials">
<h2 class="sub-title cursive">Testimonials</h2>
<div class="testimonial-container">
<p class="quote">"It was love at first follow"</p>
<span class="quote-citation">— Neil deGrasse Tyson fan and retweeter</span>
</div>
<div class="testimonial-container">
<p class="quote">"She followed me, then I followed her, we tweeted @ each other, then DMed... It was history from there..."</p>
<span class="quote-citation">— Science enthusiast and Bill Nye retweeter</span>
</div>
</section>
<section id="proof">
<h2 class="sub-title cursive">Watch Love Unfold</h2>
<a href="https://twitter.com/lovebot_2000">twitter.com/lovebot_2000</a>
<img src="static/img/love-connection-screenshot.png" />
</section>
<section id="celeb-application">
<h2 class="sub-title cursive">Celebrity Application</h2>
<div id="celeb-application-description">
<p>Are you a celebrity who wants to give your tweets the power to instigate love?</p>
<p>You may already be loved by your fans, but you can turn that love into more than love for just you.</p>
<p>Apply to be a featured celebrity!</p>
<br/>
<p>If accepted, the Love Bot will crawl your twitter feed and find pairs of people who both retweeted your same tweet and are geographically near each other. It will tweet a witty intro @ these potential soul mates, showing them how their love for you can lead to love for eachother...</p>
</div>
<div id="celeb-application-form-container">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScTY8HFsifsG-7q9dNLQ7bdobN4Za7fMJ4FQ26b4JQkJ_3-0A/viewform?embedded=true" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</section>
<section id="non-famous-contributions">
<h2 class="cursive">Contributions from Non-Famous Folk</h4>
<div id="celeb-application-description">
<p>Are you feeling left out because you're not famous and not enough robots are paying attention to you?</p>
<p>Or are you witty and have ideas for what the Love Bot should say?</p>
<br/>
<strong>Tell the Love Bot</strong> so that your romantic genius can be realized in tweets: Tweet <a href="https://twitter.com/lovebot_2000">@lovebot_2000</a> or <a target="_blank" href="https://docs.google.com/forms/d/e/1FAIpQLSdrXyz4hSi8SyXY9plgshpsL5QmP6AG4pRnBJLvFGba1-KiNA/viewform?usp=sf_link">fill out this form.</a></p>
</div>
</section>
</div>
<footer>
<p>This is a Twitter bot: <a href="https://twitter.com/lovebot_2000">twitter.com/lovebot_2000</a></p>
<p>Made with ♡ in NYC by <a href="http://aberke.com" target="_blank">Alex Berke</a></p>
<a href="https://github.com/aberke/love-bot">Contribute on Github</a>
</footer>
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43101146-4', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>