Skip to content

Commit c08f38a

Browse files
pkobypkoby
authored
Formatting
1 parent 4097380 commit c08f38a

File tree

3 files changed

+20
-20
lines changed

3 files changed

+20
-20
lines changed

‎FlagFilter/index.html

+17-17
Original file line numberDiff line numberDiff line change
@@ -59,107 +59,107 @@ <h3>Stripe Count</h3>
5959
<!-- AGENDER -->
6060
<div class="flag black gray white green stripes seven">
6161
<a href="https://en.wikipedia.org/wiki/Non-binary_gender#Agender" target="_blank"><h3>Agender</h3></a>
62-
<a title="Salem Fontana, CC BY-SA 4.0 &lt;https://creativecommons.org/licenses/by-sa/4.0&gt;, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Agender_pride_flag.svg" target="_blank"><img alt="Agender pride flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Agender_pride_flag.svg/200px-Agender_pride_flag.svg.png"></a>
62+
<a title="Salem Fontana, CC BY-SA 4.0 &lt;https://creativecommons.org/licenses/by-sa/4.0&gt;, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Agender_pride_flag.svg" target="_blank"><img alt="Agender pride flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ed/Agender_pride_flag.svg/180px-Agender_pride_flag.svg.png"></a>
6363
</div>
6464
<!-- ALLY -->
6565
<div class="flag red orange yellow green blue purple black white stripes chevrons six">
6666
<a href="https://en.wikipedia.org/wiki/Straight_ally" target="_blank">
6767
<h3>Ally</h3>
68-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Straight_Ally_flag.svg/200px-Straight_Ally_flag.svg.png">
68+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Straight_Ally_flag.svg/180px-Straight_Ally_flag.svg.png">
6969
</a>
7070
</div>
7171
<!-- AROMANTIC -->
7272
<div class="flag black gray white green stripes five">
7373
<a href="https://en.wikipedia.org/wiki/Romantic_orientation#Aromanticism" target="_blank"><h3>Aromantic</h3></a>
74-
<a title="Cameron Whimsey, Public domain, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Aromantic_Pride_Flag.svg" target="_blank"><img alt="Aromantic Pride Flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Aromantic_Pride_Flag.svg/200px-Aromantic_Pride_Flag.svg.png"></a>
74+
<a title="Cameron Whimsey, Public domain, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Aromantic_Pride_Flag.svg" target="_blank"><img alt="Aromantic Pride Flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Aromantic_Pride_Flag.svg/180px-Aromantic_Pride_Flag.svg.png"></a>
7575
</div>
7676
<!-- ASEXUAL -->
7777
<div class="flag black gray white purple stripes four">
7878
<a href="https://en.wikipedia.org/wiki/Asexuality" target="_blank"><h3>Asexual</h3></a>
79-
<a title="AnonMoos (SVG file); AVEN (flag design), Public domain, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Asexual_Pride_Flag.svg" target="_blank"><img alt="Asexual Pride Flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Asexual_Pride_Flag.svg/200px-Asexual_Pride_Flag.svg.png"></a>
79+
<a title="AnonMoos (SVG file); AVEN (flag design), Public domain, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Asexual_Pride_Flag.svg" target="_blank"><img alt="Asexual Pride Flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Asexual_Pride_Flag.svg/180px-Asexual_Pride_Flag.svg.png"></a>
8080
</a>
8181
</div>
8282
<div class="flag brown orange yellow white gray black stripes symbols seven">
8383
<a href="https://en.wikipedia.org/wiki/Bear_flag_(gay_culture)" target="_blank"><h3>Bear</h3></a>
84-
<a title="Fibonacci., CC BY-SA 3.0 &lt;http://creativecommons.org/licenses/by-sa/3.0/&gt;, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Bear_Brotherhood_flag.svg" target="_blank"><img alt="Bear Brotherhood flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Bear_Brotherhood_flag.svg/200px-Bear_Brotherhood_flag.svg.png"></a>
84+
<a title="Fibonacci., CC BY-SA 3.0 &lt;http://creativecommons.org/licenses/by-sa/3.0/&gt;, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Bear_Brotherhood_flag.svg" target="_blank"><img alt="Bear Brotherhood flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Bear_Brotherhood_flag.svg/180px-Bear_Brotherhood_flag.svg.png"></a>
8585
</div>
8686

8787
<div class="flag red orange yellow green blue purple brown black stripes eight">
8888
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#Variations" target="_blank">
8989
<h3>Philly Pride (2017)</h3>
90-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Philadelphia_Pride_Flag.svg/200px-Philadelphia_Pride_Flag.svg.png">
90+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e0/Philadelphia_Pride_Flag.svg/180px-Philadelphia_Pride_Flag.svg.png">
9191
</a>
9292
</div>
9393
<div class="flag red orange yellow green blue purple pink stripes eight">
9494
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#Origin" target="_blank">
9595
<h3>Pride (1978)</h3>
96-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Gay_flag_8.svg/200px-Gay_flag_8.svg.png">
96+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5e/Gay_flag_8.svg/180px-Gay_flag_8.svg.png">
9797
<p>🧠 Gilbert Baker</p>
9898
</a>
9999
</div>
100100
<div class="flag red orange yellow green blue purple stripes seven">
101101
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#1978_to_1979" target="_blank">
102102
<h3>Pride (1978&ndash;79)</h3>
103-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Gay_flag_7.svg/200px-Gay_flag_7.svg.png">
103+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Gay_flag_7.svg/180px-Gay_flag_7.svg.png">
104104
</a>
105105
</div>
106106
<div class="flag red orange yellow green blue purple stripes six">
107107
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#1978_to_1979" target="_blank">
108108
<h3>Pride (1979&ndash;present)</h3>
109-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Gay_Pride_Flag.svg/200px-Gay_Pride_Flag.svg.png">
109+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Gay_Pride_Flag.svg/180px-Gay_Pride_Flag.svg.png">
110110
</a>
111111
</div>
112112
<div class="flag red orange yellow green blue purple pink stripes nine">
113113
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#Variations" target="_blank">
114114
<h3>Pride (2017)</h3>
115-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7f/2017-diversity-flag.png/200px-2017-diversity-flag.png">
115+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7f/2017-diversity-flag.png/180px-2017-diversity-flag.png">
116116
<p>🧠 Gilbert Baker</p>
117117
</a>
118118
</div>
119119
<div title="Pride (2018) (Estêvão Romane)" class="flag red orange yellow green blue purple pink white stripes nine">
120120
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#Variations" target="_blank">
121121
<h3>Pride (2018)</h3>
122-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/9stripeLGBTDiversity.svg/200px-9stripeLGBTDiversity.svg.png">
122+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/9stripeLGBTDiversity.svg/180px-9stripeLGBTDiversity.svg.png">
123123
<p>🧠 Estêvão Romane</p>
124124
</a>
125125
</div>
126126
<div class="flag red orange yellow green blue purple pink brown black white stripes chevrons six">
127127
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#Variations" target="_blank">
128128
<h3>Progress Pride (2018)</h3>
129129
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fd/LGBTQ%2B_rainbow_flag_Quasar_%22Progress%22_variant.svg/
130-
200px-LGBTQ%2B_rainbow_flag_Quasar_%22Progress%22_variant.svg.png">
130+
180px-LGBTQ%2B_rainbow_flag_Quasar_%22Progress%22_variant.svg.png">
131131
</a>
132132
</div>
133133
<div class="flag red orange yellow green blue black stripes chevrons six">
134134
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#Variations" target="_blank">
135135
<h3>Social Justice Pride (2018)</h3>
136-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Social_Justice_Pride_Flag.png/200px-Social_Justice_Pride_Flag.png">
136+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cc/Social_Justice_Pride_Flag.png/180px-Social_Justice_Pride_Flag.png">
137137
</a>
138138
</div>
139139
<div class="flag red orange yellow green blue purple pink brown black white stripes six">
140140
<a href="https://en.wikipedia.org/wiki/New_Pride_Flag" target="_blank">
141141
<h3>New Pride (2018)</h3>
142-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/New_Pride_Flag_by_Julia_Feliz_2018.png/200px-New_Pride_Flag_by_Julia_Feliz_2018.png">
142+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/New_Pride_Flag_by_Julia_Feliz_2018.png/180px-New_Pride_Flag_by_Julia_Feliz_2018.png">
143143
<p>🧠 Julia Feliz</p>
144144
</a>
145145
</div>
146146
<div title="Intersex-Inclusive Progress Pride (2018)" class="flag red orange yellow green blue purple pink brown black white stripes chevrons symbols six">
147147
<a href="https://en.wikipedia.org/wiki/Rainbow_flag_(LGBT)#Variations" target="_blank">
148148
<h3>Intersex-Inclusive Progress Pride (2018)</h3>
149149
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Intersex-inclusive_pride_flag.svg/
150-
200px-Intersex-inclusive_pride_flag.svg.png">
150+
180px-Intersex-inclusive_pride_flag.svg.png">
151151
</a>
152152
</div>
153153
<div class="flag blue purple pink stripes three">
154154
<a href="https://en.wikipedia.org/wiki/Bisexual_pride_flag" target="_blank">
155155
<h3>Bisexual (1998)</h3>
156-
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Bisexual_Pride_Flag.svg/200px-Bisexual_Pride_Flag.svg.png">
156+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/2a/Bisexual_Pride_Flag.svg/180px-Bisexual_Pride_Flag.svg.png">
157157
<p>🧠 Michael Page</p>
158158
</a>
159159
</div>
160160
<div class="flag yellow white purple black stripes four">
161161
<a href="https://en.wikipedia.org/wiki/Non-binary_gender" target="_blank"><h3>Non-Binary (2014)</h3></a>
162-
<a title="Kye Rowan, CC0, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Nonbinary_flag.svg" target="_blank"><img alt="Nonbinary flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Nonbinary_flag.svg/200px-Nonbinary_flag.svg.png"></a>
162+
<a title="Kye Rowan, CC0, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Nonbinary_flag.svg" target="_blank"><img alt="Nonbinary flag" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/Nonbinary_flag.svg/180px-Nonbinary_flag.svg.png"></a>
163163
<p>🧠 Kye Rowan</p>
164164
</div>
165165
</main>

‎FlagFilter/scripts.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,12 @@
22

33
function openNav() {
44
document.getElementById("filterMenu").style.visibility = "visible";
5-
document.getElementById("main").style.marginLeft = "210px";
5+
// document.getElementById("main").style.marginLeft = "210px";
66
}
77

88
function closeNav() {
99
document.getElementById("filterMenu").style.visibility = "hidden";
10-
document.getElementById("main").style.marginLeft = "0";
10+
// document.getElementById("main").style.marginLeft = "0";
1111
}
1212

1313
var allCheckboxes = document.querySelectorAll('input[type=checkbox]');

‎FlagFilter/style.css

+1-1
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ aside div {
5858
main {/*
5959
height:75%;
6060
width: calc(100% - 155px);*/
61-
margin-left: 210px;
61+
/*margin-left: 210px;*/
6262
}
6363
@media screen and (max-width: 690px){
6464
.container {

0 commit comments

Comments
 (0)