-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·287 lines (240 loc) · 18.5 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!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">
<title>Startup Ideas Generator</title>
<!-- CSS -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- 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]-->
<!-- Favicon and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico" type="image/x-icon">
<link rel="icon" href="assets/ico/favicon.png" type="image/png">
<link rel="icon" sizes="32x32" href="assets/ico/favicon-32.png" type="image/png">
<link rel="icon" sizes="64x64" href="assets/ico/favicon-64.png" type="image/png">
<link rel="icon" sizes="96x96" href="assets/ico/favicon-96.png" type="image/png">
</head>
<body onload="makeAndShowConcept()">
<!-- Top content -->
<div class="top-content">
<!-- Imported - for color and check white bg
<div class="header__productHunt">
Hey! Maybe give us an upvote on Product Hunt here</a>?
</div>
!-->
<div class="inner-bg">
<div class="container">
<!--Main -->
<div class="row">
<!-- Remove after coding
<a href="https://github.com/davdokhttps://github.com/davdok/davdok.github.io" class="github-corner" target="_blank"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#fff; color:#111; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>
<style>
.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}
@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}
@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
</style>
!-->
<div class="col-sm-8 col-sm-offset-2 text">
<h1>Hollywood startup ideas generator</h1>
<div class="description">
<!-- ADD Changing links !-->
<h2 id="display-area"> Using
<a id="tech" href="https://www.google.com/search?q=3D+Printing+techniques">
<strong>3D Printing techniques,</strong>
</a>
we develop the new
<a id="unic" href="https://www.google.com/search?q=Airbnb">
<strong>AIRBNB </strong>
</a>
for
<a id="audience" href="http://google.com/search?q=Drug+Cartels">
<strong>Drug Cartel</strong>
</a>
</h2>
<p>
<a class="btn btn-lg btn-danger" role="button" id='generate-button'>Generate another idea</a>
</p>
</div>
</div>
</div>
<!--Sharing Part -->
<!-- Twitter Share WIP !-->
<div class="twitter">
<iframe id="twitter-widget-1" scrolling="no" frameborder="0"
allowtransparency="true"
class="twitter-share-button twitter-share-button-rendered twitter-tweet-button"
title="Twitter Tweet Button"
src="http://platform.twitter.com/widgets/tweet_button.64a917b4a230f163048902c783e1530f.en.html#dnt=false&id=twitter-widget-1&lang=en&original_referer=http%3A%2F%2Fadd.domain.name%2Fdavdok%2F%23&size=m&text=Check+out+this+cool+website&time=1459608019810&type=share&url=http%3A%2F%2Fadd.domain.name%2Fdavdok%2F%23"
style="position: static; visibility: visible; width: 61px; height: 20px;">
</iframe>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js">
</script>
</div>
<div class="row">
<div class="col-sm-6 col-sm-offset-3 social-login">
<h3>Share your fantastic idea with:</h3>
<div class="social-login-buttons">
<a class="btn btn-link-1 btn-link-1-facebook" href="#">
<i class="fa fa-facebook"></i> Facebook
</a>
<a class="btn btn-link-1 btn-link-1-twitter" href="#">
<i class="fa fa-twitter">
</i> Twitter
</a>
</div>
<footer class="footer">
<p>© 2016 - David Dokes</p>
<iframe scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:35px;" allowtransparency="true" src="http://heymoji.cool/embed?url=davdok.github.io&emoji=thumbsup"></iframe>
<iframe scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:35px;" allowtransparency="true" src="http://heymoji.cool/embed?url=davdok.github.io&emoji=astonished"></iframe>
<iframe scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:35px;" allowtransparency="true" src="http://heymoji.cool/embed?url=davdok.github.io&emoji=fire"></iframe>
<iframe scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; height:35px;" allowtransparency="true" src="http://heymoji.cool/embed?url=davdok.github.io&emoji=heart_eyes"></iframe>
</footer>
</div>
</div>
</div>
</div>
</div>
<!-- Javascript -->
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/scripts.js"></script>
<!-- Idea Generator Script-->
<script>
var button = document.getElementById("generate-button");
var pickRandom = function (list) {
return list[Math.floor(Math.random()*list.length)];
};
var modifyLink= function(rTech,rAudience,rUnic) {
var unicUrl="https://";
var audienceUrl="https://www.google.com/search?q=";
var asImage="&tbm=isch"
var techUrl="https://en.wikipedia.org/wiki/";
var techArea = document.getElementById("tech");
techArea.href = techUrl+rTech;
techArea.innerHTML=rTech+",";
var audienceArea= document.getElementById("audience")
audienceArea.href = audienceUrl+rAudience+asImage;
audienceArea.innerHTML=rAudience;
var unicArea = document.getElementById("unic");
unicArea.href = unicUrl+rUnic+".com";
unicArea.innerHTML=rUnic;
};
var makeAndShowConcept = function ()
{
var audience = ["real estate","insurance","organic food","drug cartels",
"schools","used toys",
"niche brands","social marketers","outdoor enthusiasts","pilots",
"antique collectors","billionaires","the government",
"sports teams","young athletes","baristas","your finances","an army",
"animal rights activists","wiskey lovers","social gatherings",
"tennis players","wine lovers","single mothers","widows","ex-boyfriends","ex-girlfriends",
"political lobby groups","travellers","CEOs",
"actors","skaters","dancers","computer programmers","alcohol",
"museums","book shops","coffee shops","old people","comic book collectors","transexuals","gardeners",
"adopting couples","comedians","pornstars","photography blogs","large families",
"engineers","inventors","computer scientists","household pets","biologists","biochemists","ecologists",
"astronauts","neuroscientists","chemists","physicists","geographers","geologists","statisticians",
"comic book creators","authors","fashion designers","movie directors","game artists",
"artists","ballet dancers","break dancers","choreographers","taxi drivers",
"exotic dancers","carpenters","electricians","plumbers","janitors","authors",
"bloggers","freelancers","poets","screenwriters","writers","cardiologists",
"flight attendants","physicians","doctors","psychologists","mechanics",
"teachers","surgeons","nurses","lawyers","architects","dentists","accountants","social workers",
"scientists","economists","Christians","Muslims","Hindus","Buddhists","atheists",
"Jewish people","homeless people","rich people","poor people","farmers","intelligent people",
"hippies","gay people","happy people","tweens","middle age people","snobby people",
"entrepreneurs","students","parents","grandparents",
"Apple fanboys and fangirls",
"Microsoft fanboys and fangirls","graphic designers",
"viral infections","soldiers","bodybuilders","runners",
"cyclers","antique car owners","home owners","tea drinkers","avid coffee drinkers","travellers",
"startups","Bitcoin users",
"landscape photographers",
"personal trainers","siblings","house parties",
"heavy drug users","alcoholics",
"government employees"];
var unic=["tumblr","Twitter", "Facebook", "Google Docs", "Dropbox", "Reddit", "Amazon" , "Airbnb","Pinterest", "Github", "PayPal",
"Kickstarter", "Netflix", "Google", "Uber", "Ebay", "Spotify", "Instagram", "Meetup", "Snapchat",'Uber', 'Xiaomi', 'Airbnb', 'Palantir Technologies',
'Snapchat', 'WeWork', 'Flipkart','SpaceX', 'Pinterest', 'Dropbox',
'Spotify', 'Lyft', 'Stripe', 'Magic Leap', 'Zenefits', 'Cloudera',
'Slack Technologies', 'Delivery Hero','DocuSign', 'Hellofresh',
'SurveyMonkey', 'Evernote', 'Github', 'Instacart','MongoDB', 'BlaBlaCar', 'Skyscanner',
'Buzzfeed','Lazada','Twilio', 'Docker', 'Africa Internet Group', 'TransferWise', 'Shazam',
'Eventbrite'];
var Tech= ['In vitro meat', 'Precision agriculture', 'Vertical farming', 'Drones', 'Micro air vehicle',
'Atmospheric carbon dioxide removal', '3D printing and Bio-printing', 'Claytronics',
'Molecular assembler', 'Utility fog', 'Arcology', 'Domed city', 'Aerogel', 'Amorphous metal',
'Bioplastic', 'Conductive Polymers', 'Femtotechnology', 'Fullerene', 'Graphene', 'Lab-on-a-chip',
'High-temperature superconductivity', 'Magnetorheological fluid', 'High-temperature superfluidity',
'LiTraCon', 'Metamaterials', 'Metal foam', 'Nanomaterials: carbon nanotubes', 'Programmable matter',
'Quantum dots', 'Silicene', 'Superalloy', 'Synthetic diamond', 'hypereutectic alloy', 'super-plastic alloy',
'Conductive polymers', '3D displays', 'Ferro Liquid Display', 'Field emission display',
'Holographic display', 'Interferometric modulator display',
'Laser video displays', 'OLED displays', 'Organic light-emitting transistor', 'Phased-array optics',
'Screenless display (Virtual retinal display)', 'Telescopic pixel display', 'Time-multiplexed optical shutter',
'Volumetric display', 'Bead washing machine', 'Magnetic refrigeration', 'Qarnot', 'V-tex', 'Biometrics',
'Digital scent technology', 'Electronic nose', 'E-textiles', 'Flexible electronics', 'Memristor',
'Molecular electronics', 'Nanoelectromechanical systems', 'Spintronics', 'Thermal copper pillar bump',
'Three-dimensional integrated circuit', 'Airborne wind turbine', 'Artificial photosynthesis',
'Biofuels', 'Concentrated solar power', 'Electric double-layer capacitor', 'Energy harvesting',
'Flywheel energy storage', 'Fusion power', 'Generation IV reactor', 'Grid energy storage',
'Home fuel cell', 'Hydrogen economy', 'Lithium-air battery', 'Lithium-ion batteries',
'Lithium iron phosphate battery', 'Lithium-sulfur battery', 'Molten salt battery',
'Molten salt reactor', 'Nanowire battery', 'Nantenna', 'Ocean thermal energy conversion',
'Silicon air battery', 'Smart grid', 'Solar roadway', 'Space-based solar power',
'Thorium fuel cycle', 'Vortex engine', 'Wireless energy transfer', 'Zero-energy building',
'Computer-generated imagery', 'Immersive virtual reality', '4G cellular communication',
'5G cellular communications', 'Ambient intelligence', 'Artificial brain', 'Artificial intelligence',
'Atomtronics', 'Augmented reality', 'Carbon nanotube field-effect transistor', 'Civic technology',
'Counterparty (technology)', 'Cryptocurrency', 'Cybermethodology', 'Exascale computing',
'Internet of Things', 'Emerging memory technologies T-RAM', 'Emerging magnetic data storage technologies SMR',
'Fourth-generation optical discs (3D optical data storage)',
'General-purpose computing on graphics processing units', 'Exocortex', 'Li-Fi',
'Machine translation', 'Machine vision', 'Mobile collaboration and e-learning', 'Optical computing',
'Quantum computing', 'Quantum cryptography', 'Radio-frequency identification',
'Semantic Web or answer machine', 'Software-defined radio', 'Speech recognition', 'Subvocal recognition',
'Three-dimensional integrated circuit', 'Ubiquitous computing', 'Virtual Reality', 'Wearable computer',
'Artificial uterus', 'Body implants', 'Cryonics', 'De-extinction',
'Genetic engineering of organisms and viruses', 'Hibernation or suspended animation', 'Life extension',
'Nanomedicines', 'Nanosensors', 'Oncolytic Virus', 'Personalized medicine', 'Plantibody',
'Regenerative medicine', 'Robotic surgery', 'Stem cell treatments', 'Synthetic biology', 'Tissue engineering',
'Tricorder', 'Virotherapy', 'Vitrification or cryoprotectant', 'Brain-computer interface',
'Brain-reading', 'Electroencephalography', 'Head transplant', 'Mind uploading', 'Neuroprosthetics',
'Nootropics', 'Antimatter weapon', 'Caseless ammunition', 'Cloak of invisibility', 'Directed energy weapon',
'Electrolaser', 'Electromagnetic weapons', 'Electrothermal-chemical technology', 'Force field',
'Green bullet', 'Laser weapon', 'Particle beam weapon', 'Plasma weapon', 'Pure fusion weapon',
'Sonic weapon', 'Stealth technology', 'Vortex ring gun', 'Wireless long-range electric shock weapon',
'Anti-gravity', 'Artificial gravity', 'Asteroid mining', 'Domed city', 'Galileo', 'Hypertelescope',
'Solar gravitational lens', 'Inflatable habitat', 'Miniaturized satellite',
'Android', 'Molecular nanotechnology', 'Powered exoskeleton', 'Self-reconfiguring modular robot',
'Swarm robotics', 'Unmanned vehicle', 'Aeroscraft', 'Airless tire', 'Alternative fuel vehicle',
'Autonomous car', 'Beam-powered propulsion', 'Electro hydrodynamic propulsion', 'Electric car',
'Flexible wings (X-53 Active Aeroelastic Wing)', 'Flying car', 'Fusion rocket', 'Hovertrain',
'High Altitude Platforms', 'Ion thruster', 'Jet pack or backpack helicopter', 'Maglev train',
'Magnetic levitation', 'Mass driver', 'Float to Orbit', 'Personal rapid transit', 'Physical Internet',
'Vactrain', 'Nuclear pulse propulsion', 'Propellant depot', 'Pulse detonation engine',
'Reusable launch system', 'Scramjet', 'Solar sail', 'Space elevator', 'Spaceplane',
'Supersonic transport', 'Vehicular communication systems'];
var randomTech= pickRandom(Tech);
var randomAudience= pickRandom(audience);
var randomUnic= pickRandom(unic);
var randomConcept = "Using " + randomTech + " techniques, we develop the new " + randomAudience + " for " + randomUnic;
modifyLink(randomTech,randomAudience,randomUnic);
};
button.addEventListener('click', makeAndShowConcept);
</script>
<!--[if lt IE 10]>
<script src="assets/js/placeholder.js"></script>
<![endif]-->
</body>
</html>