This commit is contained in:
Alfie King 2024-09-11 15:24:00 +01:00
commit 5b30bb7519
30 changed files with 392 additions and 0 deletions

View 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
View 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
View 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
View 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>

View 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>

View 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>

View 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 394 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
imgs/bridge over road.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 479 KiB

BIN
imgs/bright sunset.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 642 KiB

BIN
imgs/cliff tower.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 506 KiB

BIN
imgs/cliff.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 444 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 829 KiB

BIN
imgs/flag.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 101 KiB

BIN
imgs/galaxy.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
imgs/lanterns.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

BIN
imgs/light sky and moon.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 463 KiB

BIN
imgs/plane trail.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 570 KiB

BIN
imgs/statue on builing.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 467 KiB

BIN
imgs/statue.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 566 KiB

BIN
imgs/sunset reflect.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 741 KiB

BIN
imgs/sunsetv2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 662 KiB

BIN
imgs/sunsetv3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 445 KiB

BIN
imgs/trees.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 723 KiB

BIN
imgs/underpass grafiti.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 338 KiB

BIN
imgs/yellow plant.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 769 KiB

37
index.html Normal file
View 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
View 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
View 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;
}