-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
169 lines (147 loc) · 4.87 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
<!DOCTYPE html>
<head>
<title>Degree Name Generator</title>
<link rel="stylesheet" type="text/css" href="main.css">
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="main.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-142866432-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-142866432-1');
</script>
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<div class="title">
<br>
<h3><center>DEGREE NAME GENERATOR</center></h3>
</div>
<img class='logo' src='https://pngimage.net/wp-content/uploads/2018/06/sutd-logo-png-.png' />
<div class="text">
<p>Our accreditation office needs your help!</p>
<p>The last survey was too successful! Now we need to come up with new Degree names!</p>
<p>Now we even have descriptions of our up and coming degrees!</p>
<p>Also, if you want to add more EMAIL SIGNATURES to your life, check out the <a href="https://fishbiscuit.github.io/email-signature-generator" target="_blank">email signature generator</a></p>
</div>
<br>
<div class="button">
<button onclick="sentenceLoad()">INNOVATE NOW</button>
</div>
<div class="container">
<h5></h5>
</div>
<div class="description">
<h7></h7>
</div>
<br>
<div class="description">
<h8></h8>
</div>
<div class="description">
<h9></h9>
</div>
<div class="description">
<h10></h10>
</div>
<div class="description">
<h11></h11>
</div>
<div class="description">
<h12></h12>
</div>
<script> function sentenceLoad() {
//declare arrays
const buzzwordAdjectives = [
'Adaptive',
'Big',
'Computational',
'Crowdsourced',
'Decentralised',
'Deep',
'Design',
'Distributed',
'Entrepreneurial',
'Generative',
'Gamified',
'Innovative',
'Precision',
'Quantum',
'Security for',
'Interconnected',
]
const buzzwords = [
'5G Networks',
'Architecture',
'Artificial Intelligence',
'Augemented Analytics',
'Autonomous Devices',
'Aviation Technology',
'Big Data',
'Bio-Augmentation',
'Blockchain',
'Computer Vision',
'Cloud Computing',
'Cryogenics',
'Cyber-physical Security',
'Data Science',
'DevSecAIOps',
'Design',
'Digital Ethics',
'Digital Transformation',
'Digital Twins',
'Edge Computing',
'Engineering Product Development',
'Engineering Systems',
'Genetic Modification',
'Real News',
'Immersive Experiences',
'Information Systems',
'IoT',
'Intelligent Interfaces',
'Quantum Computing',
'Security',
'Smart Cities',
'Smart Dustbins',
'Smart Spaces',
'Virtual Reality'
];
const clauses = [
'and',
'Entrepreneurship, and',
'Design, and',
'for',
'Research, and'
];
const endings = [
'Collaboration',
'Design Innovation',
'Design',
'Fake News',
'Management',
'Sustainability',
'The Fourth Wave of Industrialization',
'The Future',
];
//shuffle through contents of each array, picking one entry per array
const randChoice = (arr) => arr[Math.floor( Math.random() * arr.length )];
const words = [buzzwordAdjectives, buzzwords, clauses, endings].map(randChoice);
//place the random entry into the appropriate place in the HTML
jQuery("h5").html(words.join(' '));
//generates the degree description
jQuery("h7").html('This programme aims to create a new breed of '+ words[1] + ' designers and ' + words[3] + ' innovators who are able to harness the power of ' + words[1] + ' to enable ' + words[3] + ' in the space of products, systems, services and built environment.');
jQuery("h8").html('It would train graduates with core ' + words[1] + ' skills and ' + words[3] + ' which encompasses the ability to:');
jQuery("h9").html('i. apply '+ words[1] +' to '+ words[3] +' in the space of products, services, systems and built environment;');
jQuery("h10").html('ii. value-add to '+ words[1] +' processes and services via a ' + words[0] + ' approach');
jQuery("h11").html('iii. improve '+ words[0] + ' experiences using digital technologies; and');
jQuery("h12" ).html('iv. critically assess the ethical, enviromental, organisational and societal effects of their ' + words[1] + ' AI-enabled solutions or innovations during the design process.')
}
</script>
<br>
<br>
<br>
<br>
</body>
</html>