Skip to content

Commit 937f1df

Browse files
nativecsnativecs
committed
Republishing the site
1 parent 4f3ed27 commit 937f1df

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

44 files changed

+3626
-0
lines changed

‎README.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# Welcome to NativeCS website
2+
_This is an example website built for students studying computer science at UK secondary schools_
3+
If you would like to code HTML and CSS, you can download a copy of this site and use it as a template
4+
## The website has the following elements
5+
6+
* It has all the fundamental elements and requirements for HTML, CSS and JavaScript as per the KS3 and 4 computing curriculum.
7+
* The website has been developed using tutorials from W3 Schools
8+
* It also has META and og google search engine tags for SEO optimisation
9+
* The content of the website has detailed scheme of work for KS3 and 4, including Python, CSS, HTML, JavaScript and AI.
10+
* The website can be used a group project template which students can download, and develop their own versions, based on this site.
11+
12+
**The website is not mobile optimised, and works on a desktop**. This has been done intentionally, as students are not expected to make a mobile version of the site as per the curriculum.

‎about.html

Lines changed: 262 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,262 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
5+
6+
<!-- Next add HTML stylesheet in the header for adding CSS elements -->
7+
<head>
8+
<title>About - NativeCS</title>
9+
<link rel=“icon” href=”/images/favicon.ico?” type=“image/x-icon”>
10+
<meta charset="UTF-8">
11+
<meta name="viewport" content="width=device-width, initial-scale=1">
12+
13+
<style>
14+
15+
body {
16+
font-family: Arial, Helvetica, sans-serif;
17+
overflow: scroll;
18+
position: absolute;
19+
20+
.topnav {
21+
overflow: hidden;
22+
background-color: #483d8b;
23+
display: flex;
24+
justify-content: center;
25+
}
26+
27+
.topnav a {
28+
float: left;
29+
color: #f2f2f2;
30+
text-align: center;
31+
padding: 14px 16px;
32+
text-decoration: none;
33+
font-size: 17px;
34+
}
35+
36+
.topnav a {
37+
float: left;
38+
color: #f2f2f2;
39+
text-align: center;
40+
padding: 14px 16px;
41+
text-decoration: none;
42+
font-size: 17px;
43+
44+
}
45+
46+
.topnav a:hover {
47+
background-color: #ddd;
48+
color: black;
49+
}
50+
51+
.topnav a.active {
52+
background-color: #ff6600;
53+
color: white;
54+
}
55+
56+
.dropdown {
57+
float: left;
58+
overflow: hidden;
59+
}
60+
61+
.dropdown .dropbtn {
62+
font-size: 17px;
63+
border: none;
64+
outline: none;
65+
color: white;
66+
padding: 14px 16px;
67+
background-color: inherit;
68+
font-family: inherit;
69+
margin: 0;
70+
}
71+
72+
.navbar a:hover, .dropdown:hover .dropbtn {
73+
background-color: #ff6600;
74+
}
75+
76+
.dropdown-content {
77+
display: none;
78+
position: absolute;
79+
background-color: #f9f9f9;
80+
min-width: 160px;
81+
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
82+
z-index: 999;
83+
}
84+
85+
.dropdown-content a {
86+
float: none;
87+
color: black;
88+
padding: 12px 16px;
89+
text-decoration: none;
90+
display: block;
91+
text-align: left;
92+
}
93+
94+
.dropdown-content a:hover {
95+
background-color: #ddd;
96+
}
97+
98+
.dropdown:hover .dropdown-content {
99+
display: block;
100+
}
101+
102+
}
103+
.header {
104+
padding: 150px; /* some padding */
105+
text-align: center; /* center the text */
106+
background-image: url("images/header-joshua.png");
107+
background-position:bottom;
108+
color: white; /* white text color */
109+
}
110+
111+
/* Increase the font size of the <h1> element */
112+
.header h1 {
113+
font-size: 40px;
114+
}
115+
116+
.footer {
117+
font-size: 12px;
118+
position:sticky;
119+
left: 0;
120+
bottom: 0;
121+
width: 100%;
122+
background-color: black;
123+
color: white;
124+
text-align: center;
125+
left: 0;
126+
bottom: 0;
127+
overflow: hidden;
128+
opacity: 0.9;
129+
}
130+
131+
a:link {
132+
color: inherit;
133+
background-color: transparent;
134+
text-decoration: none;
135+
}
136+
137+
a:hover {
138+
color: rgb(255, 0, 51);
139+
background-color: transparent;
140+
font-weight: bold;
141+
}
142+
143+
a:visited {
144+
color: inherit;
145+
}
146+
147+
div.page-content {
148+
width: 100%;
149+
max-width: 95%;
150+
flex-wrap: wrap;
151+
justify-content: center;
152+
margin-left: auto;
153+
margin-right: auto;
154+
padding-top: 30px;
155+
156+
}
157+
158+
div.page-content-1 {
159+
width: 100%;
160+
max-width: 95%;
161+
flex-wrap: wrap;
162+
justify-content: center;
163+
margin-left: auto;
164+
margin-right: auto;
165+
padding-top: 30px;
166+
}
167+
168+
.image {
169+
display: block;
170+
margin-left: auto;
171+
margin-right: 30px;
172+
margin-top: auto;
173+
}
174+
175+
div.page-content-2 {
176+
width: 100%;
177+
max-width: 95%;
178+
flex-wrap: wrap;
179+
justify-content: center;
180+
margin-left: auto;
181+
margin-right: auto;
182+
padding-top: 30px;
183+
}
184+
</style>
185+
</head>
186+
<!-- Stylesheet should be included in the header section -->
187+
188+
189+
190+
<body>
191+
<div class="header">
192+
</div>
193+
194+
<div class="topnav">
195+
<a href="index.html">Home</a>
196+
<a class ="active" href="about.html">About</a>
197+
<div class ="dropdown">
198+
<button class="dropbtn">KS3</button>
199+
<div class="dropdown-content">
200+
<a href="y7.html">Year 7</a>
201+
<a href="y8.html">Year 8</a>
202+
<a href="y9.html">Year 9</a>
203+
</div>
204+
</div>
205+
206+
<div class ="dropdown">
207+
<button class="dropbtn">GCSE</button>
208+
<div class="dropdown-content">
209+
<a href="y10.html">Year 10</a>
210+
<a href="y11.html">Year 11</a>
211+
</div>
212+
</div>
213+
214+
<div class ="dropdown">
215+
<button class="dropbtn">Programming</button>
216+
<div class="dropdown-content">
217+
<a href="python.html">Python</a>
218+
<a href="html.html">HTML</a>
219+
<a href="css.html">CSS</a>
220+
<a href="js.html">JavaScript</a>
221+
</div>
222+
</div>
223+
<a href="ai.html">AI</a>
224+
<a href="resources.html">Resources</a>
225+
</div>
226+
227+
228+
<div class ="page-content">
229+
<center><h2>About Joshua Levy</h2></center>
230+
231+
<p><img src="images/Joshua-AI.jpg" width="300px" height="300px" style="float:left" padding-right="30" class="image">
232+
<p>I am a newly qualified teacher in teaching computer science along with Information and Communication Technology (ICT) at Key Stage 3 – Year (7,8 and 9), Key Stage 4 – GCSE Year (10 & 11) and A-levels – Year (12 and 13). </p>
233+
<p>I have recently obtained <strong>Postgraduate Certificate in Education (PGCE) from University College London (UCL) and Qualified Teacher Status (QTS)</strong> from Department for Education (DfE) United Kingdom.</p>
234+
<p>My teaching experience spans over 6 years across different regions of the Russian Federation and London, United Kingdom. I am also the director of his online language school start-up – Native English UK. Currently, I am working on documenting his travels and video blogs on YouTube and soon will be offering educational tours and expeditions.</p>
235+
<p>I also have an additional PGCE in Education from University of Cumbria – non-QTS, CELTA (Cambridge English Language Assessment) qualified in kids & adult teaching from Ealing and West London Hammersmith College and holder of postgraduate diploma M.Sc. in Science Technology and Innovation from the Higher School of Economics, Moscow Russia and an undergraduate B.Sc. in Information Systems from Open University, London. Furthermore, he has passed elementary Russian language exam and is proficient at A2+ Russian as a foreign language.</p>
236+
<p>In my spare time, I like exploring our beautiful planet and an aviation enthusiast. For more information about myself, please visit <a href="https://nativenglish.uk/joshua" target="_blank"><strong>“Native English UK”</strong></a> my primary website, as this site mainly student-centred and oriented. </p>
237+
<center><iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/pA4liMgXQgI?si=RPgBKLStDqvxwvBu" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></center>
238+
239+
</div>
240+
241+
242+
</body>
243+
244+
245+
246+
247+
<div class ="footer">
248+
<p>&copy; 2024-5 | Joshua Levy | <a href="https://nativecs.uk" target="_blank">Native CS UK</a> | <a href="https://github.com/nativeCS" target="_blank">GitHub</a> | <a href="https://replit.com/@nativecomputinguk" target="_blank">Replit</a> | <a href="https://www.credly.com/users/joshualevy23/badges" target="_blank">Teach Computing<a> | <a href="https://dev.to/joshualevy84/" target="_blank">.DEV</a> | <a href="https://app.datacamp.com/profile/joshualevy84" target="_blank">Datacamp</a> | <a href="https://nativenglish.uk" target="_blank">Native English UK</a></p>
249+
<a href="https://www.w3.org/WAI/WCAG2A-Conformance"
250+
title="Explanation of WCAG 2 Level A Conformance">
251+
<img height="32" width="88"
252+
src="https://www.w3.org/WAI/WCAG22/wcag2.2A"
253+
alt="Level A conformance,
254+
W3C WAI Web Content Accessibility Guidelines 2.2">
255+
<a href="http://www.w3.org/html/logo/">
256+
<img src="https://www.w3.org/html/logo/badge/html5-badge-h-css3-graphics-semantics.png" width="100" height="32" alt="HTML5 Powered with CSS3 / Styling, Graphics, 3D &amp; Effects, and Semantics" title="HTML5 Powered with CSS3 / Styling, Graphics, 3D &amp; Effects, and Semantics"> <p xmlns:cc="http://creativecommons.org/ns#" >This work is licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" alt=""><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1" alt=""></a></p>
257+
</a>
258+
259+
</div>
260+
261+
262+
</html>

0 commit comments

Comments
 (0)