Skip to content

Commit 68dab78

Browse files
authored
Add files via upload
0 parents  commit 68dab78

File tree

7 files changed

+199
-0
lines changed

7 files changed

+199
-0
lines changed

blog.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>hadedvade</title>
5+
<link rel="stylesheet" href="style.css">
6+
</head>
7+
<body>
8+
9+
<div class="header"> <ul><li><a> welcome to my past rants</a></li> <li style= "float:right" class="end"><a href="index.html">GO BACK</a></li></ul></div>
10+
<div class="wrapper">
11+
<div class="blogpost"> <a href="fifo.html">First one first out</a></div>
12+
13+
</div>
14+
15+
</body>
16+
</html>

fifo.html

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>hadedvade</title>
5+
<link rel="stylesheet" href="style.css">
6+
</head>
7+
<body>
8+
<h1>First in first out</h1>
9+
<p class="one">bla bla</p>
10+
<p class="two">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laborum praesentium atque nemo a sunt expedita laudantium perferendis ipsa numquam est doloribus temporibus magnam qui, cum id eos commodi alias? Fuga?</p>
11+
12+
<p class="three">blaj vlah</p>
13+
</div>
14+
15+
</body>
16+
</html>

index.html

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<link rel="stylesheet" href="style.css">
5+
<link rel="preconnect" href="https://fonts.googleapis.com">
6+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
7+
<link href="https://fonts.googleapis.com/css2?family=Sometype+Mono&display=swap" rel="stylesheet">
8+
<title>hadedvade</title>
9+
</head>
10+
<body>
11+
12+
<div class="head-panel">
13+
<h1>ADAM BISA</h1>
14+
<p>welcome to my journey through computer science</p>
15+
16+
</div>
17+
<div class="row">
18+
<div class="card">persi projekt kokote</div>
19+
<div class="card">persi projekt kokote</div>
20+
<div class="card">persi projekt kokote</div>
21+
<div class="card">persi projekt kokote</div>
22+
<div class="card">persi projekt kokote</div>
23+
</div>
24+
<div class="links">
25+
<p>
26+
<a href="blog.html">Blog</a>
27+
<a href="https://github.com/adambisa" target="_blank">Github</a>
28+
<a href="https://linkedin.com/in/adambisa" target="_blank">LinkedIn</a>
29+
<a href="src/cv.txt" download>CV</a>
30+
</p>
31+
</div>
32+
<div class="contact">
33+
<p>
34+
<a href="mailto:[email protected]?subject=Kontakt z webu">Contact me!</a>
35+
</p>
36+
</div>
37+
</body>
38+
</html>

index.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+

src/cv.pdf

15 Bytes
Binary file not shown.

style.css

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
h1{
2+
color:rgb(43, 27, 23); /* midnight */
3+
}
4+
5+
body {
6+
background-color: rgb(240, 239, 231);
7+
font-family: 'Sometype Mono', monospace;
8+
margin: 0;
9+
padding: 5%;
10+
}
11+
.head-panel {
12+
margin: auto;
13+
width: 50%;
14+
padding: 10px;
15+
text-align: center;
16+
font-size: xx-large;
17+
}
18+
.header{
19+
top: 0;
20+
background-color: rgb(43, 27, 23);
21+
}
22+
.wrapper {
23+
padding-top: 5%;
24+
display: grid;
25+
grid-template-columns: 1fr 1fr 1fr;
26+
}
27+
.wrapper div {
28+
padding-top: 5%;
29+
padding-left: 10%;
30+
}
31+
32+
ul{
33+
list-style-type: none;
34+
margin: 0;
35+
padding: 0;
36+
overflow: hidden;
37+
background-color: rgb(43, 27, 23);
38+
}
39+
li {
40+
float: left;
41+
}
42+
li a {
43+
display: block;
44+
text-align: center;
45+
text-decoration: none;
46+
padding: 14px 16px;
47+
color: rgb(240, 239, 231);
48+
49+
}
50+
.links {
51+
margin: auto;
52+
width: 50%;
53+
padding: 10px;
54+
padding-left: 10%;
55+
font-size: larger;
56+
border: 10 px solid rgb(43, 27, 23);
57+
position: fixed;
58+
left: 0;
59+
bottom: 0;
60+
width: 100%;
61+
62+
}
63+
64+
.links a {
65+
text-decoration: none;
66+
color:rgb(43, 27, 23);
67+
}
68+
69+
.links a:hover {
70+
font-size: x-large;
71+
}
72+
73+
.contact {
74+
position: fixed;
75+
right: 0;
76+
bottom: 0;
77+
padding-right: 10%;
78+
width: 10%;
79+
font-size: larger;
80+
81+
}
82+
83+
.contact a {
84+
color: rgb(43, 27, 23);
85+
text-decoration: none;
86+
}
87+
88+
.contact a:hover{
89+
font-size: x-large;
90+
}
91+
92+
.blogpost {
93+
94+
}
95+
96+
.card{
97+
float: left;
98+
width: 33%;
99+
padding: 10px;
100+
height: 100px; /*remove after test*/
101+
background-color: blue;
102+
}
103+
.row:after {
104+
content: "";
105+
display: table;
106+
clear: both;
107+
box-sizing: border-box;
108+
109+
}

[email protected]

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>hadedvade</title>
5+
<link rel="stylesheet" href="style.css">
6+
</head>
7+
<body>
8+
9+
<div class="header"> <ul><li><a> welcome to my past rants</a></li> <li style= "float:right" class="end"><a href="index.html">GO BACK</a></li></ul></div>
10+
<div class="wrapper">
11+
<div>One</div>
12+
<div>Two</div>
13+
<div>Three</div>
14+
<div>Four</div>
15+
<div>Five</div>
16+
</div>
17+
18+
</body>
19+
</html>

0 commit comments

Comments
 (0)