Skip to content

Commit fb58e32

Browse files
jasperlanting10jasperlanting10
committed
big difference
1 parent 249f29e commit fb58e32

13 files changed

+226
-44
lines changed

‎.idea/workspace.xml

+38-20
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎Fonts/mank_sans/MankSans-Medium.ttf

57.8 KB
Binary file not shown.

‎Fonts/mank_sans/MankSans-MediumOblique.ttf

61 KB
Binary file not shown.

‎Fonts/mank_sans/MankSans-Oblique.ttf

56 KB
Binary file not shown.

‎Fonts/mank_sans/MankSans.ttf

57.1 KB
Binary file not shown.

‎Images/WorkingGroupsbanner.jpg

204 KB
Loading

‎Images/gmailblackwhite.jpg

33.6 KB
Loading

‎Images/instagram.png

121 KB
Loading

‎Images/test2gmaillogo.jpg

27.7 KB
Loading

‎Images/test3gmaillogo.png

27.2 KB
Loading

‎css.css

+102-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,106 @@
1-
body{
2-
background-color : black;
1+
@font-face {
2+
font-family: mank_sans;
3+
color : black;
4+
src: url("./Fonts/mank_sans/MankSans.ttf");
5+
}
36

7+
body{
8+
background-color: white;
9+
}
10+
p{
11+
text-align: left;
12+
color: black;
13+
font-family: mank_sans;
14+
}
15+
h3{
16+
text-align: center;
17+
color: black;
18+
font-family: mank_sans;
19+
}
20+
h2{
21+
text-align: left;
22+
color: black;
23+
font-family: mank_sans;
424
}
525
h1{
6-
color : green;
26+
text-align: center;
27+
color : black;
28+
font-family: mank_sans;
29+
}
30+
31+
.hoi{
32+
text-decoration-color : green;
33+
background-color: black;
34+
}
35+
.h1Line{
36+
width: 50%;
37+
}
38+
39+
.horNavigation{
40+
list-style: none;
41+
margin: 40%;
42+
}
43+
.horNavigation > li{
44+
overflow: visible;
45+
font-family: mank_sans;
46+
align-content: center;
47+
display: inline;
48+
padding: 10px;
49+
}
50+
.image{
51+
color: black;
52+
margin-top: 10px;
53+
}
54+
span.titleBlock{
55+
height: auto;
56+
font-family: mank_sans;
57+
58+
}
59+
span.block{
60+
font-family: mank_sans;
61+
overflow: auto;
62+
text-align: center;
63+
display: inline-flex;
64+
width: 500px;
65+
height: auto;
66+
margin: 7%;
67+
margin-top: 1%;
68+
padding: 10px;
69+
background-color: #f2f7fd;
70+
71+
box-shadow: 0 5px 10px rgba(0,0,0,0.7);
72+
border-radius: 2px;
73+
/*display: flex;*/
74+
/*align-items: center;*/
75+
}
76+
77+
p.title{
78+
font-weight: bold;
79+
}
80+
span.blockLeft{
81+
margin-left: 50px;
82+
float: left;
83+
height: auto;
84+
width: auto;
85+
}
86+
.inline{
87+
display: inline-flex;
88+
89+
}
90+
span.blockCenter{
91+
margin-left: 50px;
92+
float: inside;
93+
height: auto;
94+
}
95+
.footerImage{
96+
float: left;
97+
max-width: 30px ;
98+
max-height: 30px;
99+
}
100+
footer{
101+
background: #f2f7fd;
102+
margin-top: 20px;
103+
height: auto;
104+
width: 100%;
105+
text-align: center;
7106
}

‎index.html

+84-4
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,90 @@
22

33
<html>
44
<body>
5-
<h1>Hij is veranderd nu</h1>
6-
<button onclick="makeMain()"></button>
7-
<!--<script src="main.js"></script>-->
8-
<!--<link rel="stylesheet" type="text/css" href="css.css">-->
5+
<form>
6+
<br>
7+
<h1>Welcom to the custom resume site of Jasper Lanting</h1>
8+
<hr class="h1Line">
9+
<div>
10+
<u1 class="horNavigation">
11+
<li><a href="#algemeen">Algemeen</a></li>
12+
<li><a href="#Qualities">Qualities</a></li>
13+
<li><a href="#contact">Contact</a></li>
14+
<li><a href="#footer">About site</a></li>
15+
</u1>
16+
</div>
17+
<div>
18+
<img class="image" src="Images/WorkingGroupsbanner.jpg">
19+
</div>
20+
<div>
21+
<span id="algemeen"class="block">
22+
<p class="title">Algemeen</p>
23+
<br>
24+
<br>
25+
Hallo, mijn naam is Jasper Lanting en ik ben momenteel 18 jaar oud (04/07/2000) mijn hobbie's zijn sporten en lekker met vrienden chillen.
26+
Dit doe ik vaak op de zaterdag avond, dit is de stap avond in Enschede. Zoals dit al verklapte woon ik in Enschede west, dit is een prettige wijk
27+
die bijna helemaal aan de rand van Enschede waardoor je binnen een paar minuutjes fietsen in het buiten gebied bent.
28+
<br>
29+
Ook vind ik het heerlijk om op een warme zomeravond mijn scooter te pakken en lekker een rondje te touren.
30+
31+
</span>
32+
<span id="Qualities" class="block">
33+
<p class="title">Qualities</p>
34+
<br>
35+
<br>
36+
Momenteel zit ik in het 2e jaar van de opleiding HBO-ICT die ik volg op Saxion Enschede. Hier heb ik al veel kennis opgedaan over de volgende onderwerpen: <br>
37+
- Java <br>
38+
- Android programmeren<br>
39+
- C++<br>
40+
- CSS<br>
41+
- HTML<br>
42+
- Javascript<br>
43+
44+
</span>
45+
</div>
46+
<input class="hoi" id="inputName" type="text" placeholder="Enter your name brotha"><br>
47+
48+
<button onclick="makeMain(document.getElementById('inputName'))">Tap to see magic</button>
49+
<script src="main.js"></script>
50+
<link rel="stylesheet" type="text/css" href="css.css">
51+
</form>
52+
<footer id="footer" class="footer">
53+
<span class="blockLeft">
54+
<h2>Adres:</h2>
55+
<p>Sientje van Houtenlaan 10</p>
56+
<p>7545PE</p>
57+
<p>Enschede</p>
58+
</span>
59+
<span class="blockLeft">
60+
<h2>Socials:</h2>
61+
<div class="inline">
62+
<table>
63+
<tbody>
64+
<tr>
65+
<td>
66+
<img class="footerImage" src="Images/test3gmaillogo.png">
67+
</td>
68+
<td>
69+
<p>[email protected]</p>
70+
</td>
71+
</tr>
72+
</tbody>
73+
<tbody>
74+
<tr>
75+
<td>
76+
<img class="footerImage" src="Images/instagram.png">
77+
</td>
78+
<td>
79+
<p>jasperl_</p>
80+
</td>
81+
</tr>
82+
</tbody>
83+
</table>
84+
</div>
85+
86+
</span>
87+
88+
</footer>
989
</body>
1090
</html>
1191

‎main.js

+2-17
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,7 @@
11

2-
function makeMain(){
3-
alert('hoi');
4-
let main = document.createElement("main");
5-
let h1 = document.createElement("h1");
6-
h1.innerText("Hallo & welkom op mijn site!!");
2+
function makeMain(name){
3+
alert(name.value + ' is gay!');
74

8-
let input = document.createElement("input");
9-
input.setAttribute("type", "text");
10-
input.setAttribute("placeholder","Enter your name brotha");
11-
12-
13-
let button = document.createElement("input");
14-
button.setAttribute("value", "Add");
15-
button.setAttribute("type", "button");
16-
17-
button.addEventListener("click", function(){
18-
h1.innerText(input.value + " is gay!");
19-
});
205

216
}
227

0 commit comments

Comments
 (0)