-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
106 lines (97 loc) · 5.93 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
<html>
<head>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css">
</head>
<body>
<title>
</title>
<div class="section">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<h1>30 years of marriages in Singapore</h1>
<h3>Manas Sharma, Arihant Parsoya and Venkatesh Rajamanickam</h3>
<p>
While looking to do a short visualization design project before breaking for the winter vacation, we stumbled upon interesting datasets on the excellent Data.gov.sg which is Singapore government's portal to its publicly-available datasets from 70 public agencies.</P>
<p> Perhaps no country has changed as extremely over the last few decades as Singapore has. While most of that remarkable change has been in the economic realm, we wanted to find out how much the country has changed socially. We found many interesting datasets related to crime, entertainment, arts, education, ethnicity, marriage, travel etc., which might have help us understand the social change. However we found the data on marriages the most comprehansive as it was rich with age, ethnicity, education and religion as attributes, and the data was available for the past three decades (1985 – 2015) – the period we were particularly interested in. </P>
<p>We downloaded and started analyzing the available 30 odd datasets. The data was primarily available in two categories – a. Statistics on non-Muslim marriages of resident population registered, obtained from records maintained by the Registry of Marriages. They included all civil marriages solemnized by the Registrar of Marriages, pastors of churches, priests of Hindu temples and other registered solemnizers; and b. Statistics on Muslim marriages registered, obtained from records maintained by the Registry of Muslim Marriages. For the purpose of this exercise, we took up only the non-Muslim marriage data.
</p>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div class="section">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<h1>Age</h1>
</div>
<div class="col-md-2"></div>
</div>
</div>
<iframe scrolling="no" onload="resizeIframe(this)" id="age_frame" src="age/index.html" style="width:100%;" frameBorder="0" scrolling="no"> </iframe>
<div class="section">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim nisi nec velit egestas commodo. Mauris ac fringilla purus. In malesuada iaculis hendrerit. Cras tortor quam, tristique ac porta non, condimentum at enim. Sed a nibh congue, finibus purus id, tempus nunc. Aenean nec porta odio. Mauris sagittis purus mollis semper porta. Praesent nec scelerisque lacus. Vivamus porta sollicitudin dui, ut eleifend libero viverra sed. Donec viverra arcu ut bibendum fringilla. Nulla laoreet molestie massa a lacinia. Phasellus pharetra laoreet magna fringilla lacinia. Etiam finibus aliquet sapien sit amet suscipit. Integer molestie maximus ante, quis tempus orci fermentum in.
</p>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div class="section">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<h1>Religion</h1>
<h3>Second Title</h3>
</div>
<div class="col-md-2"></div>
</div>
</div>
<iframe scrolling="no" onload="resizeIframe(this)" id="religion_frame" src="religion/index.html" style="width:100%;" frameBorder="0"> </iframe>
<div class="section">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim nisi nec velit egestas commodo. Mauris ac fringilla purus. In malesuada iaculis hendrerit. Cras tortor quam, tristique ac porta non, condimentum at enim. Sed a nibh congue, finibus purus id, tempus nunc. Aenean nec porta odio. Mauris sagittis purus mollis semper porta. Praesent nec scelerisque lacus. Vivamus porta sollicitudin dui, ut eleifend libero viverra sed. Donec viverra arcu ut bibendum fringilla. Nulla laoreet molestie massa a lacinia. Phasellus pharetra laoreet magna fringilla lacinia. Etiam finibus aliquet sapien sit amet suscipit. Integer molestie maximus ante, quis tempus orci fermentum in.
</p>
</div>
<div class="col-md-2"></div>
</div>
</div>
<div class="section">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<h1>Education</h1>
<h3>Second Title</h3>
</div>
<div class="col-md-2"></div>
</div>
</div>
<iframe scrolling="no" onload="resizeIframe(this)" id="education_frame" src="education/index.html" style="width:100%;" frameBorder="0" scrolling="no"> </iframe>
<div class="section">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dignissim nisi nec velit egestas commodo. Mauris ac fringilla purus. In malesuada iaculis hendrerit. Cras tortor quam, tristique ac porta non, condimentum at enim. Sed a nibh congue, finibus purus id, tempus nunc. Aenean nec porta odio. Mauris sagittis purus mollis semper porta. Praesent nec scelerisque lacus. Vivamus porta sollicitudin dui, ut eleifend libero viverra sed. Donec viverra arcu ut bibendum fringilla. Nulla laoreet molestie massa a lacinia. Phasellus pharetra laoreet magna fringilla lacinia. Etiam finibus aliquet sapien sit amet suscipit. Integer molestie maximus ante, quis tempus orci fermentum in.
</p>
</div>
<div class="col-md-2"></div>
</div>
</div>
<script>
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
</body>
</html>