Skip to content

Commit 336775f

Browse files
NitrrineNitrrine
committed
Make website better
1 parent bd4d5c0 commit 336775f

5 files changed

Lines changed: 73 additions & 86 deletions

File tree

‎assets/fonts.css‎

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎assets/fonts/NotoSans-Regular.ttf‎

-543 KB
Binary file not shown.

‎assets/style.css‎

Lines changed: 10 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,31 @@
1-
* {
2-
box-sizing: border-box;
3-
}
4-
51
body {
62
display: flex;
73
flex-direction: column;
8-
margin: 0;
9-
padding: 0;
104
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;
245
}
256

26-
a:hover {
27-
text-decoration: underline;
28-
color: #850047;
29-
}
30-
31-
main {
7+
.container {
328
display: flex;
339
flex-direction: column;
34-
text-align: center;
10+
max-width: 550px;
11+
padding: 0 1em;
12+
margin: 0 auto;
3513
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;
4914
}
5015

51-
.project-card {
16+
.cards {
5217
display: flex;
5318
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;
19+
gap: 1em;
6720
}
6821

6922
footer {
7023
display: flex;
7124
align-items: center;
7225
justify-content: center;
7326
flex-direction: column;
74-
background: hsl(0, 0%, 1%);
75-
height: 128px;
76-
gap: 1em;
27+
background: hsl(0, 0%, 4%);
28+
color: hsl(0, 0%, 60%);
29+
gap: .5em;
30+
padding: 1em;
7731
}

‎favicon.ico‎

99 KB
Binary file not shown.

‎index.html‎

Lines changed: 63 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -6,40 +6,77 @@
66
<title>Lodine Open Source</title>
77
<meta
88
name="description"
9-
content="Information about Lodine Open Source and list of open-source projects" />
9+
content="Information about Lodine Open Source program and list of open-source projects" />
1010
<meta name="theme-color" content="#ff0088" />
11+
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
12+
<link
13+
rel="stylesheet"
14+
href="https://cdn.jsdelivr.net/gh/LodineSoftware/aerocss@main/aero.min.css" />
1115
<link rel="stylesheet" href="assets/style.css" />
12-
<link rel="stylesheet" href="assets/fonts.css" />
1316
</head>
1417
<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>
18+
<div class="container">
19+
<header>
20+
<h1 class="title">Lodine Open Source</h1>
21+
<h2 class="subtitle">Here you can find our open-source projects</h2>
22+
</header>
23+
<div class="cards">
24+
<div class="card">
25+
<h1 class="title">AeroCSS</h1>
26+
<h2 class="subtitle">
27+
Simple CSS framework that we using in our projects #CSS
28+
</h2>
29+
<a
30+
href="https://github.com/lodine-software/aerocss"
31+
class="button primary"
32+
target="_blank"
33+
>View page on GitHub</a
34+
>
35+
<a
36+
href="https://opensource.lodine.xyz/aerocss"
37+
class="button"
38+
target="_blank"
39+
>Project website</a
40+
>
2641
</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>
42+
<div class="card">
43+
<h1 class="title">Documentation</h1>
44+
<h2 class="subtitle">Our documentation #Docusaurus</h2>
45+
<a
46+
href="https://github.com/lodine-software/docs"
47+
class="button primary"
48+
target="_blank"
49+
>View page on GitHub</a
50+
>
51+
<a href="https://docs.lodine.xyz" class="button" target="_blank"
52+
>Project website</a
53+
>
54+
</div>
55+
<div class="card">
56+
<h1 class="title">SkeuoCSS</h1>
57+
<h2 class="subtitle">Skeuomorphistic CSS Framework</h2>
58+
<a
59+
href="https://github.com/lodine-software/skeuocss"
60+
class="button primary"
61+
target="_blank"
62+
>View page on GitHub</a
63+
>
64+
<a href="https://opensource.lodine.xyz/skeuocss/" class="button" target="_blank"
65+
>Project website</a
66+
>
3567
</div>
3668
</div>
37-
</main>
69+
</div>
3870
<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-
>
71+
<span>© Lodine 2023</span>
72+
<span>
73+
Powered by AeroCSS.
74+
<a
75+
href="https://github.com/lodine-software/lodine-software.github.io"
76+
class="hyperlink"
77+
>Contribute to this website</a
78+
>
79+
</span>
4380
</footer>
4481
</body>
4582
</html>

0 commit comments

Comments
 (0)