site
85
Shortcuts/GradesAndEducation.html
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Grades And Education</title>
|
||||||
|
<link rel="stylesheet" href="../stylesheet/stylesheet.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ul>
|
||||||
|
<li><a href="../index.html" class="topBar">Home</a></li>
|
||||||
|
<li><a href="GradesAndEducation.html" class="topBar">Grades and Education</a></li>
|
||||||
|
<li><a href="hobbies.html" class="topBar">Hobbies</a></li>
|
||||||
|
<li><a href="photography.html" class="topBar">Photos</a></li>
|
||||||
|
</ul>
|
||||||
|
<h2>
|
||||||
|
GCSEs taken at Abbeyfield
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
I took my GCSEs in the summer of 2023, at Abbeyfield School in Northampton. My results are shown below:
|
||||||
|
|
||||||
|
</p>
|
||||||
|
<table><!--table of gcse results-->
|
||||||
|
<tr>
|
||||||
|
<th>Subject</th>
|
||||||
|
<th>Grade</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Computer Science</td>
|
||||||
|
<td>7</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Mathematics</td>
|
||||||
|
<td>7</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Physics</td>
|
||||||
|
<td>7</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Chemistry</td>
|
||||||
|
<td>7</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>English Literature</td>
|
||||||
|
<td>7</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>English Language</td>
|
||||||
|
<td>6</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>French</td>
|
||||||
|
<td>6</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Biology</td>
|
||||||
|
<td>6</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Fine Art</td>
|
||||||
|
<td>6</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Geography</td>
|
||||||
|
<td>4</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<h2>
|
||||||
|
A-Levels currently in progress
|
||||||
|
</h2>
|
||||||
|
<ol>
|
||||||
|
<li>A-Level Computer Science</li><br>
|
||||||
|
<li>A-Level Maths</li><br>
|
||||||
|
<li>Silverstone Baccalaureate in Engineering</li>
|
||||||
|
</ol>
|
||||||
|
<p> </p>
|
||||||
|
<br></br>
|
||||||
|
<div style="background-color: #0b1f2e; color: antiquewhite;">
|
||||||
|
<h4>Contact information:</h4>
|
||||||
|
<h4>ashgawlik@gmail.com</h4>
|
||||||
|
<h4>linkedinn</h4>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
14
Shortcuts/form.html
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form name="myForm" action="actionpage.php" onsubmit="return validateForm()" method="post">
|
||||||
|
Name: <input type="text" name="fName">
|
||||||
|
<input type="submit">
|
||||||
|
</form>>
|
||||||
|
</body>
|
||||||
|
</html>
|
11
Shortcuts/game.html
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<img src="../imgs/flag.png" alt="a flag. Nice try." width="100%">
|
||||||
|
</body>
|
||||||
|
</html>
|
43
Shortcuts/hobbies.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Hobbies</title>
|
||||||
|
<link rel="stylesheet" href="../stylesheet/stylesheet.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<ul>
|
||||||
|
<li><a href="../index.html" class="topBar">Home</a></li>
|
||||||
|
<li><a href="GradesAndEducation.html" class="topBar">Grades and Education</a></li>
|
||||||
|
<li><a href="hobbies.html" class="topBar">Hobbies</a></li>
|
||||||
|
<li><a href="photography.html" class="topBar">Photos</a></li>
|
||||||
|
</ul>
|
||||||
|
<h2>
|
||||||
|
My hobbies include:
|
||||||
|
</h2>
|
||||||
|
<h3>Playing Guitar</h3>
|
||||||
|
<p>
|
||||||
|
I have 5 guitars including:<br>An acoustic guitar<br>An electric guitar<br>A classical guitar<br>A bass guitar<br>A ukulele<br>
|
||||||
|
</p>
|
||||||
|
<h3>Painting / Drawing</h3>
|
||||||
|
<p>
|
||||||
|
I enjoy drawing and creating things using different media, including painting, sketching and using coloured pencils and markers.
|
||||||
|
</p>
|
||||||
|
<img src="" alt=""> <!--add images of art-->
|
||||||
|
<h3>CAD 3D modeling</h3>
|
||||||
|
<p>
|
||||||
|
I originally started this at school as a part of my engineering qualification, however as I really enjoyed it (and achieved a distinction in my 2D and 3D assessments) I decided to purchase a 3D printer and to create random fun and useful models.<br>
|
||||||
|
Some of the models I have designed include:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<!--insert images of 3D prints and models-->
|
||||||
|
<br></br>
|
||||||
|
<div style="background-color: #0b1f2e; color: antiquewhite;">
|
||||||
|
<h4>Contact information:</h4>
|
||||||
|
<h4>ashgawlik@gmail.com</h4>
|
||||||
|
<h4>linkedinn</h4>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
48
Shortcuts/leaderboardforhorrorgame.html
Executable file
@ -0,0 +1,48 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Document</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<table><!--table of gcse results-->
|
||||||
|
<tbody><tr>
|
||||||
|
<th>Player</th>
|
||||||
|
<th>Time</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Alfie</td>
|
||||||
|
<td>TBD</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Archie</td>
|
||||||
|
<td>TBD</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Ash</td>
|
||||||
|
<td>TBD</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Eamon</td>
|
||||||
|
<td>TBD</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Poppy</td>
|
||||||
|
<td>TBD</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Zane</td>
|
||||||
|
<td>TBD</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Matthew</td>
|
||||||
|
<td>TBD</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Max</td>
|
||||||
|
<td>TBD</td>
|
||||||
|
</tr>
|
||||||
|
</tbody></table>
|
||||||
|
</body>
|
||||||
|
</html>
|
41
Shortcuts/photography.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Photography</title>
|
||||||
|
<link rel="stylesheet" href="../stylesheet/stylesheet.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ul>
|
||||||
|
<li><a href="../index.html" class="topBar">Home</a></li>
|
||||||
|
<li><a href="GradesAndEducation.html" class="topBar">Grades and Education</a></li>
|
||||||
|
<li><a href="hobbies.html" class="topBar">Hobbies</a></li>
|
||||||
|
<li><a href="photography.html" class="topBar">Photos</a></li>
|
||||||
|
</ul>
|
||||||
|
<h2>
|
||||||
|
My photos...
|
||||||
|
</h2>
|
||||||
|
<h3>
|
||||||
|
I enjoy taking photos of random things, from sunsets to plants to my grandparents antiques, so here are some that I like, whether it be because its a good photo or beacause of the situations around taking the photo
|
||||||
|
</h3>
|
||||||
|
<div class="imgs">
|
||||||
|
<img src="../imgs/bridge over road.jpg" alt="rainy bridge with light at the end" width="35%">
|
||||||
|
<img src="../imgs/bright sunset.jpg" alt="bright sunset over ocean" width="60%">
|
||||||
|
<img src="../imgs/Cliff sea.jpg" alt="cliff over sea" width="55%">
|
||||||
|
<img src="../imgs/cliff.jpg" alt="a tall cliff over the sea" width="40%">
|
||||||
|
<img src="../imgs/galaxy.jpg" alt="the milky way" width="45%">
|
||||||
|
<img src="../imgs/lanterns.jpg" alt="lanterns behind bars in window" width="45%">
|
||||||
|
<img src="../imgs/plane trail.jpg" alt="plane trail in the night sky" width="50%">
|
||||||
|
<img src="../imgs/statue on builing.jpg" alt="statue on builing in london" width="40%">
|
||||||
|
<img src="../imgs/yellow plant.jpg" alt="yellow plant/flower" width="45%">
|
||||||
|
<img src="../imgs/underpass grafiti.jpg" alt="grafiti underpass" width="45%">
|
||||||
|
<img src="../imgs/antique living room.jpg" alt="living room" width="60%">
|
||||||
|
</div>
|
||||||
|
<div style="background-color: #0b1f2e; color: antiquewhite;">
|
||||||
|
<h4>Contact information:</h4>
|
||||||
|
<h4>ashgawlik@gmail.com</h4>
|
||||||
|
<h4></h4>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
19
Shortcuts/registration.html
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Suggestions</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Please enter your suggestion to add to the website</h1>
|
||||||
|
<form name="myForm" action="actionpage.php" onsubmit="return validateForm()" method="post">
|
||||||
|
<label>Name (for identification)</label>
|
||||||
|
<input type="text" id="name" value="" size="40"><br>
|
||||||
|
<label>suggestion</label>
|
||||||
|
<input type="text" id="suggestion" value="" size="40"><br>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
imgs/Cliff sea.jpg
Normal file
After Width: | Height: | Size: 394 KiB |
BIN
imgs/antique living room.jpg
Normal file
After Width: | Height: | Size: 1.2 MiB |
BIN
imgs/bridge over road.jpg
Normal file
After Width: | Height: | Size: 479 KiB |
BIN
imgs/bright sunset.jpg
Normal file
After Width: | Height: | Size: 642 KiB |
BIN
imgs/cliff tower.jpg
Normal file
After Width: | Height: | Size: 506 KiB |
BIN
imgs/cliff.jpg
Normal file
After Width: | Height: | Size: 444 KiB |
BIN
imgs/cotton candy clouds.jpg
Normal file
After Width: | Height: | Size: 829 KiB |
BIN
imgs/flag.png
Normal file
After Width: | Height: | Size: 101 KiB |
BIN
imgs/galaxy.jpg
Normal file
After Width: | Height: | Size: 1.7 MiB |
BIN
imgs/lanterns.jpg
Normal file
After Width: | Height: | Size: 77 KiB |
BIN
imgs/light sky and moon.jpg
Normal file
After Width: | Height: | Size: 463 KiB |
BIN
imgs/plane trail.jpg
Normal file
After Width: | Height: | Size: 570 KiB |
BIN
imgs/statue on builing.jpg
Normal file
After Width: | Height: | Size: 467 KiB |
BIN
imgs/statue.jpg
Normal file
After Width: | Height: | Size: 566 KiB |
BIN
imgs/sunset reflect.jpg
Normal file
After Width: | Height: | Size: 741 KiB |
BIN
imgs/sunsetv2.jpg
Normal file
After Width: | Height: | Size: 662 KiB |
BIN
imgs/sunsetv3.jpg
Normal file
After Width: | Height: | Size: 445 KiB |
BIN
imgs/trees.jpg
Normal file
After Width: | Height: | Size: 723 KiB |
BIN
imgs/underpass grafiti.jpg
Normal file
After Width: | Height: | Size: 338 KiB |
BIN
imgs/yellow plant.jpg
Normal file
After Width: | Height: | Size: 769 KiB |
37
index.html
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Ash Gawlik</title>
|
||||||
|
<link rel="stylesheet" href="stylesheet/stylesheet.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ul>
|
||||||
|
<li><a href="index.html" class="topBar">Home</a></li>
|
||||||
|
<li><a href="Shortcuts/GradesAndEducation.html" class="topBar">Grades and Education</a></li>
|
||||||
|
<li><a href="Shortcuts/hobbies.html" class="topBar">Hobbies</a></li>
|
||||||
|
<li><a href="Shortcuts/photography.html" class="topBar">Photos</a></li>
|
||||||
|
</ul>
|
||||||
|
<p class="titleText">
|
||||||
|
Ash Gawlik
|
||||||
|
</p>
|
||||||
|
<h1>
|
||||||
|
About me:
|
||||||
|
</h1>
|
||||||
|
<h3>
|
||||||
|
I'm a <span id="age"></span> year old with a love for computer science and a passion for creating. I enjoy setting myself challenges and thrive when it comes to short deadlines. <br>
|
||||||
|
I love learning and want to push myself to do more and leave my comfort zones.<br>
|
||||||
|
</br>I hope to find a career in software engineering, and aim for an apprenticeship at the end of year 13 (starting 2025).<br>
|
||||||
|
I think my greatest achievements are my GCSE grades and my personal growth over the past couple of years.
|
||||||
|
</h3>
|
||||||
|
<br></br>
|
||||||
|
<div style="background-color: #0b1f2e; color: antiquewhite;">
|
||||||
|
<h4>Contact information:</h4>
|
||||||
|
<h4>ashgawlik@gmail.com</h4>
|
||||||
|
<!--<h4>linkedinn</h4>-->
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
<script src="js/javascript.js"></script>
|
||||||
|
</html>
|
||||||
|
|
25
js/javascript.js
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
const birthday = new Date(2007, 1, 26);
|
||||||
|
// update age function (copied from old age.js file)
|
||||||
|
function updateAge() {
|
||||||
|
const now = new Date();
|
||||||
|
const difference = now - birthday;
|
||||||
|
const ageInYears = difference / 1000 / 60 / 60 / 24 / 365;
|
||||||
|
const ageElement = document.getElementById("age");
|
||||||
|
ageElement.innerText = ageInYears.toFixed(7);
|
||||||
|
setTimeout(updateAge, 100);
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log(":)");
|
||||||
|
updateAge();
|
||||||
|
|
||||||
|
function validateForm() {
|
||||||
|
let x = document.forms["myForm"][fName].value;
|
||||||
|
if (x==""){
|
||||||
|
alert("You must enter a name ");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function myFunction() {
|
||||||
|
let x = doc
|
||||||
|
}
|
69
stylesheet/stylesheet.css
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
*{
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
background-color: #07141f;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
color: whitesmoke;
|
||||||
|
}
|
||||||
|
.headerPhoto{
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.titleText{
|
||||||
|
background-image: url("../imgs/sunsetv2.jpg");
|
||||||
|
background-size:inherit;
|
||||||
|
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
padding: 70px 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 650%;
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
ul{
|
||||||
|
background-color:#0b1f2e;
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
li{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
li a{
|
||||||
|
display: block;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 14px 16px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
li a hover{
|
||||||
|
background-color: lightsteelblue;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topBar{
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
table,
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
border: 1.5px solid lightslategray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgs {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.imgs img {
|
||||||
|
height: 400px;
|
||||||
|
width: auto;
|
||||||
|
}
|