Skip to content

Commit a92cbfd

Browse files
thebluesnevrdiethebluesnevrdie
committed
Update landing page with Twitter and Github links
1 parent fb448d5 commit a92cbfd

1 file changed

Lines changed: 72 additions & 24 deletions

File tree

‎index.html‎

Lines changed: 72 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,100 @@
11
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
22
<html>
33
<head>
4-
<link rel="canonical" href="properlinux.org"/>
4+
<link rel="canonical" href="properlinux.io"/>
55
<link href="https://fonts.googleapis.com/css?family=Lusitana" rel="stylesheet"/>
66
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet"/>
77
<style>
8+
* {
9+
box-sizing: border-box;
10+
}
11+
812
html {
9-
font-size: 110%;
13+
font-size: 110%;
1014
}
1115

1216
@media(min-width:60em){html{font-size: 90%}}
13-
17+
1418
body {
15-
font-size: 16px;
16-
font-family: 'Source Sans Pro', sans-serif;
19+
font-size: 16px;
20+
font-family: 'Source Sans Pro', sans-serif;
1721
}
1822

1923
p {
20-
font-size: 120%;
21-
line-height: 1.2;
24+
font-size: 120%;
25+
line-height: 1.2;
2226
}
2327

2428
.large-text {
25-
font-size: 6.5vw;
26-
font-family: 'Lusitana', serif;
27-
margin: 20px;
29+
font-size: 6.5vw;
30+
font-family: 'Lusitana', serif;
31+
margin: 20px;
2832
}
29-
33+
3034
.container {
31-
display: block;
32-
border: 0px;
33-
height: 60%;
34-
background: #fff;
35-
margin-top: 20px;
36-
margin: auto;
37-
}
38-
35+
display: block;
36+
border: 0px;
37+
height: 60%;
38+
background: #fff;
39+
margin-top: 20px;
40+
margin: auto;
41+
}
42+
43+
.sm-container {
44+
display: block;
45+
border: 0px;
46+
height: 10%;
47+
background: #fff;
48+
margin-top: 2px;
49+
margin: auto;
50+
}
51+
3952
.big-text {
40-
margin: 15px;
41-
font-size: 3.0vw;
42-
}
53+
margin: 15px;
54+
font-size: 3.0vw;
55+
}
56+
57+
.small-text {
58+
margin: 2px;
59+
font-size: 1.0vw;
60+
}
61+
62+
.column {
63+
float: left;
64+
width: 50%;
65+
padding: 10px;
66+
}
67+
68+
.row:after {
69+
content: "";
70+
display: table;
71+
clear: both;
72+
}
73+
74+
@media screen and (max-width: 600px) {
75+
.column {
76+
width: 100%;
77+
}
78+
}
4379
</style>
4480
</head>
4581
<body>
4682
<center>
47-
<img class="container" src="tux_circle_bw.svg"/>
4883
<div class="large-text">ProperLinux</div>
49-
<div class="big-text">Coming Soon...</div>
84+
<img class="container" src="tux_circle_bw.svg"/>
85+
<hr/>
86+
<div class="row">
87+
<div class="column">
88+
<a href="https://github.com/ProperLinux">
89+
<img class="sm-container" src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/github.svg"/>
90+
</a>
91+
</div>
92+
<div class="column">
93+
<a href="https://twitter.com/ProperLinux">
94+
<img class="sm-container"src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/twitter.svg"/>
95+
</a>
96+
</div>
97+
</div>
5098
</center>
5199
</body>
52100
</html>

0 commit comments

Comments
 (0)