Skip to content

Commit bd4d5c0

Browse files
NitrrineNitrrine
committed
Make website more look like website
1 parent 5f50def commit bd4d5c0

4 files changed

Lines changed: 126 additions & 1 deletion

File tree

‎assets/fonts.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
@font-face {
2+
font-family: "Noto Sans Regular";
3+
src: url("fonts/NotoSans-Regular.ttf");
4+
}

‎assets/fonts/NotoSans-Regular.ttf‎

543 KB
Binary file not shown.

‎assets/style.css‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
* {
2+
box-sizing: border-box;
3+
}
4+
5+
body {
6+
display: flex;
7+
flex-direction: column;
8+
margin: 0;
9+
padding: 0;
10+
height: 100vh;
11+
background: hsl(0, 0%, 5%);
12+
color: #dfdfdf;
13+
font-family: "Noto Sans Regular";
14+
}
15+
16+
a {
17+
text-decoration: none;
18+
color: #f08;
19+
}
20+
21+
h1, h2, h3, h4, h5, h6 {
22+
margin: 0;
23+
padding: 0;
24+
}
25+
26+
a:hover {
27+
text-decoration: underline;
28+
color: #850047;
29+
}
30+
31+
main {
32+
display: flex;
33+
flex-direction: column;
34+
text-align: center;
35+
flex: 1 1 auto;
36+
margin: auto;
37+
width: 100%;
38+
max-width: 1000px;
39+
padding: 1em;
40+
}
41+
42+
.projects {
43+
display: flex;
44+
align-items: center;
45+
justify-content: center;
46+
flex-direction: column;
47+
margin-top: 1em;
48+
gap: .5em;
49+
}
50+
51+
.project-card {
52+
display: flex;
53+
flex-direction: column;
54+
border: 1px hsl(0, 0%, 10%) solid;
55+
border-radius: 5px;
56+
padding: .5em 1em;
57+
width: 100%;
58+
max-width: 400px;
59+
}
60+
61+
.project-card__title {
62+
font-size: 1.5em;
63+
}
64+
65+
.project-card__desc {
66+
color: #ccc;
67+
}
68+
69+
footer {
70+
display: flex;
71+
align-items: center;
72+
justify-content: center;
73+
flex-direction: column;
74+
background: hsl(0, 0%, 1%);
75+
height: 128px;
76+
gap: 1em;
77+
}

‎index.html‎

Lines changed: 45 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,45 @@
1-
Index
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Lodine Open Source</title>
7+
<meta
8+
name="description"
9+
content="Information about Lodine Open Source and list of open-source projects" />
10+
<meta name="theme-color" content="#ff0088" />
11+
<link rel="stylesheet" href="assets/style.css" />
12+
<link rel="stylesheet" href="assets/fonts.css" />
13+
</head>
14+
<body>
15+
<main>
16+
<h2>List of Open Source projects</h2>
17+
<div class="projects">
18+
<div class="project-card">
19+
<div class="project-card__title">
20+
<span>AeroCSS</span>
21+
</div>
22+
<div class="project-card__desc">
23+
<span>Simple CSS framework that we using in our projects</span>
24+
</div>
25+
<a href="https://github.com/lodine-software/aerocss">Source code</a>
26+
</div>
27+
<div class="project-card">
28+
<div class="project-card__title">
29+
<span>opensource.lodine.xyz</span>
30+
</div>
31+
<div class="project-card__desc">
32+
<span>This Website</span>
33+
</div>
34+
<a href="https://github.com/lodine-software/aerocss">Source code</a>
35+
</div>
36+
</div>
37+
</main>
38+
<footer>
39+
<h1>Lodine Open Source</h1>
40+
<a href="https://github.com/lodine-software/lodine-software.github.io"
41+
>Source code of this page is open source</a
42+
>
43+
</footer>
44+
</body>
45+
</html>

0 commit comments

Comments
 (0)