Skip to content

Commit c1a7c3d

Browse files
andrewdempsey2018andrewdempsey2018
authored
Merge pull request auxfuse#178 from manni8436/manni
Created accessibility.html page
2 parents d6e482c + a30de2f commit c1a7c3d

File tree

3 files changed

+136
-34
lines changed

3 files changed

+136
-34
lines changed

‎accessibility.html

+69
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="assets/css/style.css">
9+
10+
<title>Accessibility Policy</title>
11+
</head>
12+
13+
<body class="accessibility-body">
14+
<h1 class="accessibility-header">Accessibility Policy</h1>
15+
16+
<section>
17+
<h2 class="accessibility-header">Hackathon Github Labs</h2>
18+
<p class="accessibility-paragraph">We believe that everyone should benefit from this website and get the most out of it.</p>
19+
</section>
20+
21+
<section>
22+
<h3 class="section-header">Supported Browsers</h3>
23+
<ul class="web-browser-section">
24+
<li>Google Chrome</li>
25+
<li>Mozilla Firefox</li>
26+
<li>Safari</li>
27+
<li>Microsoft Edge</li>
28+
<li>Samsung Internet</li>
29+
</ul>
30+
</section>
31+
32+
<section>
33+
<h3 class="accessibility-header">How to increase text size</h3>
34+
<ul class="accessibility-ul">
35+
<li class="accessibility-li">Google Chrome
36+
<ul class="accessibility-ul">
37+
<li>Using a mouse: control key and roll forward mouse wheel forward or backwards to preferred text size.</li>
38+
<li>Using a keyboard: control key and + (plus) or - (minus) to increase or decrease text size.</li>
39+
</ul>
40+
</li>
41+
<li class="accessibility-li">Firefox
42+
<ul class="accessibility-ul">
43+
<li>Using a mouse: control key and roll forward mouse wheel forward or backwards to preferred text size.</li>
44+
<li>Using a keyboard: control key and + (plus) or - (minus) to increase or decrease text size.</li>
45+
</ul>
46+
</li>
47+
<li class="accessibility-li">Safari
48+
<ul class="accessibility-ul">
49+
<li>Using a mouse: control key and roll forward mouse wheel forward or backwards to preferred text size.</li>
50+
<li>Using a keyboard: control key and + (plus) or - (minus) to increase or decrease text size.</li>
51+
<li>Using a keyboard: Command key and + (plus) or - (minus) to increase or decrease text size (Mac users)</li>
52+
</ul>
53+
</li>
54+
<li class="accessibility-li">Edge
55+
<ul class="accessibility-ul">
56+
<li>Using a mouse: control key and roll forward mouse wheel forward or backwards to preferred text size.</li>
57+
<li>Using a keyboard: Command key and + (plus) or - (minus) to increase or decrease text size</li>
58+
<li>Using a keyboard: Command key and + (plus) or - (minus) to increase or decrease text size (Mac users)</li>
59+
</ul>
60+
</li>
61+
</ul>
62+
</section>
63+
64+
<section>
65+
<h3 class="accessibility-header">Screen resolution</h3>
66+
<p class="accessibility-paragraph">This website has been designed to be fully responsive, from the minimum width screen sizes 320px to the maximum
67+
width screen size of 2000px.</p>
68+
</section>
69+
</body>

‎assets/css/style.css

+64-31
Original file line numberDiff line numberDiff line change
@@ -61,10 +61,6 @@ body::after {
6161
pointer-events: none;
6262
}
6363

64-
.privacy-body {
65-
background-color: #94EBF1;
66-
}
67-
6864
img {
6965
display: block;
7066
max-width: 100%;
@@ -611,15 +607,15 @@ select,
611607
background: rgba(0, 0, 0, 0.8);
612608
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
613609
}
614-
610+
615611
.debug pre {
616612
color: #ffffff;
617613
font-size: 18px;
618614
line-height: 20px;
619615
font-family: "Source Code Pro", monospace;
620616
font-weight: 300;
621617
white-space: pre-wrap;
622-
}
618+
}
623619

624620
#nameJSON,
625621
#emailJSON,
@@ -628,9 +624,14 @@ select,
628624
margin-top: 10px;
629625
margin-left: 30px;
630626
line-height: 30px;
631-
}
627+
}
632628

633-
/* privacy */
629+
/* Privacy Policy */
630+
631+
.privacy-body,
632+
.accessibility-body {
633+
background-color: #94EBF1;
634+
}
634635

635636
.privacyp-header {
636637
margin: 30px;
@@ -657,6 +658,61 @@ select,
657658
font-weight: bold;
658659
}
659660

661+
/* Accessibility Policy */
662+
663+
.accessibility-section-header {
664+
margin: 20px;
665+
text-align: center;
666+
}
667+
668+
.web-browser-section,
669+
.accessibility-ul {
670+
margin: 20px;
671+
text-align: center;
672+
font-weight: bold;
673+
}
674+
675+
.accessibility-ul,
676+
.web-browser-section {
677+
list-style-type: none;
678+
}
679+
680+
.accessibility-header {
681+
margin: 25px;
682+
text-align: center;
683+
text-transform: uppercase;
684+
text-decoration: underline;
685+
}
686+
687+
.accessibility-paragraph {
688+
margin: 10px;
689+
text-align: center;
690+
font-weight: bold;
691+
}
692+
693+
/* pagination */
694+
695+
#pagination {
696+
list-style: none;
697+
font-weight: bolder;
698+
}
699+
700+
#pagination a {
701+
text-decoration: none;
702+
}
703+
704+
.pagination-active {
705+
background-color: #94EBF1;
706+
font-size: x-large;
707+
}
708+
709+
.next-button:hover,
710+
.prev-button:hover,
711+
.pagination-numbers:hover {
712+
background-color: #94EBF1;
713+
width: fit-content;
714+
}
715+
660716
/* Media Queries */
661717
@media (min-width: 576px) {
662718
#content {
@@ -768,26 +824,3 @@ select,
768824
margin-right: 7rem;
769825
}
770826
}
771-
772-
/* pagination */
773-
774-
#pagination {
775-
list-style: none;
776-
font-weight: bolder;
777-
}
778-
779-
#pagination a {
780-
text-decoration: none;
781-
}
782-
783-
.pagination-active {
784-
background-color: #94EBF1;
785-
font-size: x-large;
786-
}
787-
788-
.next-button:hover,
789-
.prev-button:hover,
790-
.pagination-numbers:hover {
791-
background-color: #94EBF1;
792-
width: fit-content;
793-
}

‎privacy.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
88
<link rel="stylesheet" href="assets/css/style.css">
99

10-
<title>Git Community - 🟠CI🟠</title>
10+
<title>Privacy Policy</title>
1111
</head>
1212

1313
<body class="privacy-body">
@@ -21,7 +21,7 @@ <h2 class="policy-updated-header">Privacy Policy Last Updated: 26th October 2022
2121

2222
<section>
2323
<h3 class="section-header">Information Collection</h3>
24-
<p class="section-paragraph">while using our site, no user information is being collected all information that is being
24+
<p class="section-paragraph">While using our site, no user information is being collected all information that is being
2525
shown is user generated and then stored in individuals sub-directory inside a directory.</p>
2626
</section>
2727

@@ -40,7 +40,7 @@ <h3 class="section-header">Cookies</h3>
4040
<section>
4141
<h3 class="section-header">Security</h3>
4242
<p class="section-paragraph">The security of all information is important to us and we would take all measures necessary
43-
to insure all information would be secure, but remember that we do not collect any sort of information from any users
43+
to ensure all information would be secure, but remember that we do not collect any sort of information from any users
4444
while using the site.</p>
4545
</section>
4646

0 commit comments

Comments
 (0)