-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
78 lines (70 loc) · 4.57 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
<!DOCTYPE html>
<html>
<head>
<title>7 Second Surveys</title>
<link rel = "stylesheet" type = "text/css" href = "style.css" />
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
</head>
<body>
<!-- Parsing CSV's -->
<script src="papaparse.min.js"></script>
<div id="header">
<p id="subscribe"><a href="http://eepurl.com/dizkM9">Subscribe</a></p>
<p id="propose"><a href="https://goo.gl/forms/G9wdPinKjVU3jDOv2">Propose a Question</a></p>
</div>
<div class="article">
<h1 class="centered-text title-top"><a href="/7-second-surveys">7 Second Survey Series</a></h1>
<p class="centered-text title-bottom faded-text"> <i>The questions no one cares about, but everyone's wondering</i></p>
</br>
<p>The St. Olaf community has submitted <span id="num_answers">___</span> answers to <span id="num_questions">_</span> questions so far. Raw data available <a href="https://github.com/StoDevX/7-second-surveys">here</a>.</p>
<p>The 7 second surveys are currently on an indefinite hiatus.</p>
<!-- <p class="centered-text">This week's question is:</p>
<p class="centered-text"><a href="https://goo.gl/forms/wG7DLiSkdGVAF3bp1">Do you pick fancy or flavorful food?</a></p> -->
<p class="centered-text">Past Questions</p>
<ul id="archive-list">
<li><a href="articles/8_Parents_Meet.html">#8 How did your parents meet?</a> <span class="list-date">– March 5th 2018</span></li>
<li><a href="articles/7_Bathroom_Stalls.html">#7 Which bathroom stall do you use?</a> <span class="list-date">– February 26th 2018</span></li>
<li><a href="articles/6_Make_Your_Bed.html">#6 Do you make your bed every morning?</a> <span class="list-date">– February 19th 2018</span></li>
<li><a href="articles/5_Friends_Like_You.html">#5 Are your friends like you?</a> <span class="list-date">– November 27th 2017</span></li>
<li><a href="articles/4_Last_Bit_Of_Coffee.html">#4 Do you drink the last 10% of coffee?</a> <span class="list-date">– November 20th 2017</span></li>
<li><a href="articles/3_Time_In_Bed.html">#3 How much time do you spend in bed between waking up & getting up?</a> <span class="list-date">– November 13th 2017</span></li>
<li><a href="articles/2_Language_Of_Pain.html">#2 What language do you hurt in?</a> <span class="list-date">– November 6th 2017</span></li>
<li><a href="articles/1_Pizza_And_Ketchup.html">#1 Do you put ketchup on your pizza?</a> <span class="list-date">– September 30th 2017</span></li>
</ul>
<hr>
<h2>What's this all about?</h2>
<p>Every Monday, I send out a super short anonymous survey to the St. Olaf community. All responses are collected <a href="https://github.com/StoDevX/7-second-surveys">here</a> and are free to use for academic purposes, for sheer curiosity, or to settle a drunk bet. </p>
<p>The following Monday, I post the results along with what cultural or personal significance that question had, and what we learned about our community from it.</p>
<h2>Why are you doing this?</h2>
<p>These are the questions that keep me up at night. That I've wondered about for years. That I relentlessly ask to everyone I meet.</p>
<p>A lot of these questions might seem superfluous but I think who we are is just as much the mundane and trivial decisions we make everyday as it is the large and profound, and I like the idea of being able to document and get to know this community in such an intimate way.</p>
<h2>I have an idea! Who do I talk to?</h2>
<p>Awesome! I'm always looking for ideas for more questions! If you've got a question that's highly quirky, oddly specific, or deeply unprofound, shoot me an email at [email protected], or <a href="https://goo.gl/forms/G9wdPinKjVU3jDOv2">propose one anonymously</a>.</p>
</div>
<script type="text/javascript">
// Count how many questions and answers and update webpage
var files = ["1_Pizza_And_Ketchup","2_Language_Of_Pain","3_Time_In_Bed","4_Last_Bit_Of_Coffee","5_Friends_Like_You","6_Make_Your_Bed","7_Bathroom_Stalls","8_Parents_Meet"];
var total_answers = 0;
document.querySelector("#num_questions").innerHTML = String(files.length);
for(var i=0;i<files.length;i++){
var filename = "data/" + files[i] + ".csv";
fetch(filename)
.then(res => {
if(!res.ok){
let errorText = res.status + " " + res.statusText + " " + res.url;
throw Error(errorText);
}
return res.blob()
})
.then(res => {
Papa.parse(res, {
complete: function(results) {
total_answers += results.data.length - 1; // I subtract one for the header
document.querySelector("#num_answers").innerHTML = String(total_answers);
}
});
});
}
</script>
</body>
</html>