Skip to content

Commit 6d04ff7

Browse files
danybossdanyboss
committed
updated fonts and preview.
1 parent 7de96e4 commit 6d04ff7

File tree

3 files changed

+39
-43
lines changed

3 files changed

+39
-43
lines changed

‎index.html

+19-15
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
<!DOCTYPE html>
22

33
<head>
4-
<link rel='stylesheet' href='style.css' />
4+
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700" rel="stylesheet">
55
<link rel="icon" type="image/png" href="favicon.png">
6+
7+
<link rel='stylesheet' href='style.css' />
68
<title>im here</title>
79

810
<script src="res/lib/jquery-3.2.1.min.js"></script>
@@ -15,38 +17,40 @@
1517
<div id='links'>
1618
<ul><p class='title'>header1</p>
1719
<li><a href='https://www.link1.org/'>link1</a></li>
18-
<li><a href='https://www.link2.org/vg/'>link2</a></li>
19-
<li><a href='https://www.link3.org/w/'>link3</a></li>
20-
<li><a href='https://www.link4.org/wg/'>link4</a></li>
20+
<li><a href='https://www.link2.org/'>link2</a></li>
21+
<li><a href='https://www.link3.org/'>link3</a></li>
22+
<li><a href='https://www.link4.org/'>link4</a></li>
2123
</ul>
2224

2325
<ul><p class='title'>header2</p>
2426
<li><a href='https://www.link1.org/'>link1</a></li>
25-
<li><a href='https://www.link2.org/vg/'>link2</a></li>
26-
<li><a href='https://www.link3.org/w/'>link3</a></li>
27-
<li><a href='https://www.link4.org/wg/'>link4</a></li>
27+
<li><a href='https://www.link2.org/'>link2</a></li>
28+
<li><a href='https://www.link3.org/'>link3</a></li>
29+
<li><a href='https://www.link4.org/'>link4</a></li>
2830
</ul>
2931

3032
<ul><p class='title'>header3</p>
3133
<li><a href='https://www.link1.org/'>link1</a></li>
32-
<li><a href='https://www.link2.org/vg/'>link2</a></li>
33-
<li><a href='https://www.link3.org/w/'>link3</a></li>
34-
<li><a href='https://www.link4.org/wg/'>link4</a></li>
34+
<li><a href='https://www.link2.org/'>link2</a></li>
35+
<li><a href='https://www.link3.org/'>link3</a></li>
36+
<li><a href='https://www.link4.org/'>link4</a></li>
3537
</ul>
3638

3739
<ul><p class='title'>header4</p>
3840
<li><a href='https://www.link1.org/'>link1</a></li>
39-
<li><a href='https://www.link2.org/vg/'>link2</a></li>
40-
<li><a href='https://www.link3.org/w/'>link3</a></li>
41-
<li><a href='https://www.link4.org/wg/'>link4</a></li>
41+
<li><a href='https://www.link2.org/'>link2</a></li>
42+
<li><a href='https://www.link3.org/'>link3</a></li>
43+
<li><a href='https://www.link4.org/'>link4</a></li>
4244
</ul>
4345
</div>
4446
</div>
4547
</body>
4648
<script>
4749
$(document).ready(function() {
48-
randomizeBackground();
49-
randomizeImage();
50+
//uncomment to activate the randomizer functions
51+
52+
//randomizeBackground();
53+
//randomizeImage();
5054
});
5155
</script>
5256
</html>

‎preview.png

907 KB
Loading

‎style.css

+20-28
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,25 @@
1-
@font-face {
2-
font-family: 'proggySquare';
3-
src: url('res/ProggySquare.ttf');
4-
}
5-
6-
@font-face {
7-
font-family: 'proggyTiny';
8-
src: url('res/ProggyTiny.ttf');
9-
}
10-
111
:root {
122
--main-dark-color: #040004;
133
--main-grey-color: #413D3D;
144
--main-hover-color: rgba(75,0,15,0.4);
155
}
166

177
html {
18-
font-family: 'proggySquare';
19-
text-rendering: geometricPrecision;
8+
font-family: 'Roboto Condensed', sans-serif;
209

2110
user-select: none;
2211

2312
background: url("res/bgs/bg1.jpg") no-repeat center center fixed;
2413
background-size: cover;
2514
}
2615

27-
img {
28-
max-width:100%;
29-
max-height:100%;
30-
width: auto;
31-
height: auto;
32-
}
33-
3416
#container {
3517
display:inline-flex;
3618
}
3719

3820
#image {
3921
width: 300px;
4022
height: 500px;
41-
display: none;
4223

4324
object-fit: cover;
4425
pointer-events: none;
@@ -47,39 +28,50 @@ img {
4728
}
4829

4930
#links {
50-
margin-left: 1%; margin-top: 2%;
51-
width: 200px; height: 500px;
31+
width: 200px;
32+
height: 500px;
33+
34+
margin: 2% 0% 0% 1%;
5235
}
5336

5437
.title {
55-
margin-top: 1%; margin-bottom: 1%;
38+
margin: 1% 0% 1% 0%;
39+
40+
font-weight: bold;
5641
}
5742

5843
a {
5944
text-decoration: none;
60-
font-family: 'proggyTiny';
6145
color: var(--main-gray-color);
46+
6247
transition: .2s;
6348
}
6449

6550
a:hover {
6651
color: var(--main-dark-color);
52+
transition: .2s;
6753
}
6854

6955
li {
7056
padding-left: 5px;
57+
58+
line-height: 1rem;
7159
border-left: 2px solid var(--main-hover-color);
60+
7261
transition: .2s;
73-
line-height: 14px;
7462
}
7563

7664
li:hover {
7765
border-left: 8px solid var(--main-hover-color);
66+
67+
transition: .2s;
7868
}
7969

8070
ul {
81-
padding-top: 12px;
82-
padding-left: 12px;
83-
list-style-type: none;
8471
margin-left: 0;
72+
73+
padding-top: 5%;
74+
padding-left: 5%;
75+
76+
list-style-type: none;
8577
}

0 commit comments

Comments
 (0)