Skip to content

Commit 8fd484c

Browse files
jcuananjcuanan
committed
finally committing
1 parent d7de6bf commit 8fd484c

File tree

9 files changed

+4262
-24
lines changed

9 files changed

+4262
-24
lines changed

‎animate.css

Lines changed: 3158 additions & 0 deletions
Large diffs are not rendered by default.

‎index.html

Lines changed: 91 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -2,59 +2,129 @@
22
<html>
33
<head>
44
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5-
<title>Privacy Map</title>
5+
<title>The State of Privacy</title>
66

77
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
8-
<link rel="stylesheet" href="style.css">
8+
<!-- Animate.css wow -->
9+
10+
<link rel="stylesheet" href="animate.css">
911

10-
<script language="javascript" type="text/javascript" src="script.js"></script>
11-
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
12-
<script src="/waypoints/waypoints.min.js"></script>
12+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
13+
14+
<link rel="stylesheet" href="style.css">
1315
</head>
1416

1517
<body>
1618

1719
<div>
18-
<header>
19-
<h1>Privacy Map</h1>
20+
<header id="#">
21+
<h1><strong>The State of Privacy</strong><br>
22+
<a href="https://twitter.com/share" class="twitter-share-button" data-via="jbcnn">Tweet</a>
23+
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
24+
</h1>
2025
</header>
2126

22-
<section>
27+
<section id="zero">
2328
<div class="content">
24-
<h2>Section 1</h2>
29+
<h2>Your cell phone helps you keep in touch with friends and family, but it’s also a collection of your communications and personal information. Are you keeping yourself free from observation or disturbance from other people?</h2>
30+
31+
<div class="wow fadeInUp"><h2><strong>Here are some things to consider:</strong></h2></div>
32+
<div class="downarrow">
33+
<a id="downarrowlink" href="#one">
34+
<span><strong>Read More</strong></span><br>
35+
<i class="fa fa-angle-double-down fa-2x"></i>
36+
</a>
37+
</div>
2538
</div>
2639
</section>
2740

28-
<section>
41+
<section id="one">
2942
<div class="content">
30-
<h2>Section 2</h2>
43+
<div class="wow fadeInUp"><h2><strong>4.5 million smartphones were lost or stolen</strong> in the United States in 2013, or <strong>4% of all active smartphones.</strong><h2></div>
44+
<div class="wow fadeInUp"><h2>That's equivalent to the populations of <strong>Colorado, Kansas, Nebraska, Wyoming, and Utah combined</strong> as compared to the United States.</h2></div>
3145
</div>
3246
</section>
3347

34-
<section>
48+
<section id="two">
3549
<div class="content">
36-
<h2>Section 3</h2>
50+
<div class="wow fadeInUp"><h2><strong>21% of internet users have had an email or social networking account compromised or taken over</strong> by someone else without permission.</h2></div>
51+
<div class="wow fadeInUp"><h2>Thats equivalent to the populations of <strong>Arizona, Nevada, Texas, Idaho, Montana, Oregon, Washington, Oklahoma, North Dakota, South Dakota, and Louisiana</strong> combined as compared to the United States.</h2></div>
3752
</div>
3853
</section>
3954

40-
<section>
55+
<section id="three">
4156
<div class="content">
42-
<h2>Section 4</h2>
57+
<div class="wow fadeInUp"><h2><strong>34% of smartphone users have no active security measures</strong> like passwords or lock screens.</h2></div>
58+
<div class="wow fadeInUp"><h2>That's equivalent to the populations of <strong>Florida, Mississippi, Georgia, and Alabama</strong> as compared to the United States.</h2></div>
4359
</div>
4460
</section>
4561

46-
<section>
47-
<div class="content">
48-
<h2>Section 5</h2>
62+
<section id="four">
63+
<div class="content" id="5">
64+
<div class="wow fadeInUp"><h2><strong>68% believe that current laws are not good enough</strong> in protecting the rights of internet users.
65+
<strong>Comparable to:</strong> population of U.S. with a smartphone.</h2></div>
4966
</div>
5067
</section>
5168

52-
<section>
53-
<div class="content">
54-
<h2>Section 6</h2>
69+
<section id="five">
70+
<div class="content" id="6">
71+
<div class="wow fadeInUp"><h2><strong>Congress still has no idea</strong> how many Americans have had their privacy compromised by the spying carried out by the NSA and their mass surveillance program.</h2>
72+
73+
<a href="http://www.theatlantic.com/politics/archive/2014/10/congress-still-has-now-idea-how-much-the-nsa-spies-on-americans/382114/"><h2><strong>www.theatlantic.com/politics/archive/2014/10/congress-still-has-now-idea-how-much-the-nsa-spies-on-americans/382114/</strong>
74+
</h2></a></div>
5575
</div>
5676
</section>
5777
</div>
5878

79+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
80+
81+
<script src="waypoints/waypoints.min.js"></script>
82+
83+
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.0.2/wow.min.js"></script>
84+
85+
<script>
86+
new WOW().init();
87+
</script>
88+
89+
<script>
90+
$(function () {
91+
$("#zero").waypoint(function(direction) {
92+
$("#downarrowlink").attr("href", "#one");
93+
});
94+
95+
$("#one").waypoint(function(direction) {
96+
$("#downarrowlink").attr("href", "#two");
97+
});
98+
99+
$("#two").waypoint(function(direction) {
100+
$("#downarrowlink").attr("href", "#three");
101+
});
102+
103+
$("#three").waypoint(function(direction) {
104+
$("#downarrowlink").attr("href", "#four");
105+
});
106+
107+
$("#four").waypoint(function(direction) {
108+
$("#downarrowlink").attr("href", "#five");
109+
});
110+
});
111+
</script>
112+
113+
<script>
114+
$('a[href*=#]:not([href=#])').click(function() {
115+
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
116+
|| location.hostname == this.hostname) {
117+
118+
var target = $(this.hash);
119+
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
120+
if (target.length) {
121+
$('html,body').animate({
122+
scrollTop: target.offset().top
123+
}, 1000);
124+
return false;
125+
}
126+
}
127+
});
128+
</script>
59129
</body>
60130
</html>

‎Blank_US_Map.svg renamed to ‎map1.svg

File renamed without changes.

0 commit comments

Comments
 (0)