Skip to content

Commit 7ce99df

Browse files
author
Bradley
committed
adding support for net neutrality
1 parent bc12330 commit 7ce99df

File tree

2 files changed

+194
-0
lines changed

2 files changed

+194
-0
lines changed

‎css/netneutrality.css‎

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
.js-notice {
2+
position: fixed;
3+
left: 0;
4+
top: 0;
5+
width: 100%;
6+
}
7+
8+
.f5 {
9+
font-size: 14px !important;
10+
}
11+
12+
.px-3 {
13+
padding-right: 16px !important;
14+
padding-left: 16px !important;
15+
}
16+
.py-2 {
17+
padding-top: 8px !important;
18+
padding-bottom: 8px !important;
19+
}
20+
.text-white {
21+
color: #fff !important;
22+
}
23+
.bg-red {
24+
background-color: #d73a49 !important;
25+
}
26+
.rounded-0 {
27+
border-radius: 0 !important;
28+
}
29+
* {
30+
box-sizing: border-box;
31+
}
32+
33+
34+
/*element.style {
35+
max-width: 980px;
36+
}*/
37+
.d-flex {
38+
display: -webkit-box !important;
39+
display: flex !important;
40+
}
41+
.mx-auto {
42+
margin-right: auto !important;
43+
margin-left: auto !important;
44+
}
45+
.flex-items-center {
46+
-webkit-box-align: center !important;
47+
align-items: center !important;
48+
}
49+
.flex-justify-between {
50+
-webkit-box-pack: justify !important;
51+
justify-content: space-between !important;
52+
}
53+
* {
54+
box-sizing: border-box;
55+
}
56+
57+
58+
b, strong {
59+
font-weight: 600;
60+
}
61+
62+
b, strong {
63+
font-weight: bolder;
64+
}
65+
b, strong {
66+
font-weight: inherit;
67+
}
68+
* {
69+
box-sizing: border-box;
70+
}
71+
strong, b {
72+
font-weight: bold;
73+
}
74+
75+
@media (max-width:850px)
76+
.d-sm-inline-block {
77+
display: none !important;
78+
}
79+
.d-none {
80+
display: inline-block !important;
81+
}
82+
83+
form {
84+
display: block;
85+
margin-top: 0em;
86+
}
87+
88+
89+
90+
.border-0 {
91+
border: 0 !important;
92+
}
93+
.btn {
94+
color: #24292e;
95+
background-color: #eff3f6;
96+
background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%);
97+
}
98+
.btn {
99+
position: relative;
100+
display: inline-block;
101+
padding: 6px 12px;
102+
font-size: 14px;
103+
font-weight: 600;
104+
line-height: 20px;
105+
white-space: nowrap;
106+
vertical-align: middle;
107+
cursor: pointer;
108+
-webkit-user-select: none;
109+
-moz-user-select: none;
110+
-ms-user-select: none;
111+
user-select: none;
112+
background-repeat: repeat-x;
113+
background-position: -1px -1px;
114+
background-size: 110% 110%;
115+
border: 1px solid rgba(27,31,35,0.2);
116+
border-radius: 0.25em;
117+
-webkit-appearance: none;
118+
-moz-appearance: none;
119+
appearance: none;
120+
}
121+
122+
123+
124+
.p-2 {
125+
padding: 8px !important;
126+
}
127+
128+
.ml-1 {
129+
margin-left: 4px !important;
130+
}
131+
.text-white {
132+
color: #fff !important;
133+
}
134+
.btn-link {
135+
display: inline-block;
136+
padding: 0;
137+
font-size: inherit;
138+
color: #0366d6;
139+
text-decoration: none;
140+
white-space: nowrap;
141+
cursor: pointer;
142+
-webkit-user-select: none;
143+
-moz-user-select: none;
144+
-ms-user-select: none;
145+
user-select: none;
146+
background-color: transparent;
147+
border: 0;
148+
-webkit-appearance: none;
149+
-moz-appearance: none;
150+
appearance: none;
151+
}
152+
153+
154+
155+
svg:not(:root) {
156+
overflow: hidden;
157+
}
158+
.octicon {
159+
vertical-align: text-bottom;
160+
}
161+
.octicon {
162+
display: inline-block;
163+
vertical-align: text-top;
164+
fill: currentColor;
165+
}
166+
167+
.sr-only {
168+
position: absolute;
169+
width: 1px;
170+
height: 1px;
171+
padding: 0;
172+
overflow: hidden;
173+
clip: rect(0, 0, 0, 0);
174+
word-wrap: normal;
175+
border: 0;
176+
}

‎index.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717
<link href="./css/crumple.css" rel="stylesheet">
1818
<link href="./css/font.css" rel="stylesheet">
1919
<link href="./css/mobile.css" rel="stylesheet">
20+
<link href="./css/netneutrality.css" rel="stylesheet">
2021
<!-- Webpage Icon -->
2122
<link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
2223
<!-- Fonts -->
@@ -37,6 +38,23 @@
3738
<!-- End Google Analytics -->
3839
</head>
3940
<body>
41+
<section class="js-notice">
42+
<div class="py-2 px-3 f5 text-white bg-red rounded-0">
43+
<div class="d-flex flex-justify-between flex-items-center mx-auto" style="max-width: 980px;">
44+
<div>
45+
<strong>The vote is over, but the fight for net neutrality isn’t.</strong>
46+
<span class="d-none d-sm-inline-block">Show your support for a free and open internet.</span>
47+
</div>
48+
<form accept-charset="UTF-8" action="/settings/dismiss-notice/netneutrality_banner" class="js-notice-dismiss" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="D1DVgtgcvTPo7o9x9VpisDXgmtEqJCx+BlM9TZbRX0d7kCq7/6gaUeAMwuRYI+hge84FU9vj+PzgJMfeYYse0Q=="></div>
49+
<a class="btn border-0" href="/save-net-neutrality">Learn more</a>
50+
<button type="submit" class="btn-link text-white p-2 ml-1">
51+
<svg aria-hidden="true" class="octicon octicon-x" height="16" version="1.1" viewBox="0 0 12 16" width="12"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48z"></path></svg>
52+
<span class="sr-only">Dismiss</span>
53+
</button>
54+
</form>
55+
</div>
56+
</div>
57+
</section>
4058
<section class="hero">
4159
<h1>meredith hoo</h1>
4260
<p class="bio">

0 commit comments

Comments
 (0)