Skip to content

Commit 9fdecb2

Browse files
Frank01001Frank01001
committed
New Website Structure
1 parent 6be7902 commit 9fdecb2

20 files changed

+80
-90
lines changed

‎images/docs-logo-dark.webp

11.1 KB
Binary file not shown.

‎images/github-mark.webp

2.49 KB
Binary file not shown.

‎images/github-mark/github-mark-white.png

-4.72 KB
Binary file not shown.

‎images/github-mark/github-mark-white.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎images/github-mark/github-mark.png

-6.24 KB
Binary file not shown.

‎images/github-mark/github-mark.svg

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎images/libdebug_logo.webp

253 KB
Binary file not shown.

‎images/libdebug_logo_horiz.jpg

-422 KB
Binary file not shown.

‎images/libdebug_logo_horiz.webp

-166 KB
Binary file not shown.

‎images/libdebug_logo_horiz_centered.jpg

-640 KB
Binary file not shown.

‎images/libdebug_logo_horiz_centered.webp

-245 KB
Binary file not shown.

‎images/libdebug_logo_overlayed.jpg

-728 KB
Binary file not shown.

‎images/libdebug_logo_overlayed.webp

-281 KB
Binary file not shown.

‎images/libdebug_logo_vert.jpg

-896 KB
Binary file not shown.

‎images/libdebug_logo_vert.webp

-337 KB
Binary file not shown.

‎images/logo-dark.png

-28.4 KB
Binary file not shown.

‎images/logo-dark.svg

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

‎images/pypi.png

-5.56 KB
Binary file not shown.

‎images/pypi.webp

4.25 KB
Binary file not shown.

‎index.html

Lines changed: 80 additions & 71 deletions
Original file line numberDiff line numberDiff line change
@@ -2,104 +2,113 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
65
<meta name="description" content="libdebug is a Python library to debug binary executables, your own way">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>libdebug</title>
8-
<link rel="preconnect" href="https://fonts.googleapis.com">
9-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
9+
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
1010
<style>
1111
body {
12+
background-color: #feffef;
13+
font-family: 'Nunito', sans-serif;
1214
display: flex;
13-
justify-content: center;
15+
flex-direction: column;
16+
justify-content: space-between;
1417
align-items: center;
1518
height: 100vh;
1619
margin: 0;
17-
background-color: #ffffef;
18-
font-family: "Nunito", Arial, sans-serif;
1920
}
20-
.container {
21-
text-align: center;
22-
display: flex;
23-
flex-direction: column;
24-
align-items: center;
21+
p {
22+
font-size: 1.5em;
2523
}
26-
.icons-container {
24+
.container {
25+
text-align: center;
2726
display: flex;
27+
flex-direction: column;
2828
justify-content: center;
2929
align-items: center;
30+
flex: 1;
3031
}
31-
h1 {
32-
font-size: 3em;
33-
margin-bottom: 10px;
32+
.logo-container {
33+
margin-top: 7em;
34+
display: flex;
35+
flex-direction: column;
36+
align-items: center;
37+
justify-content: center;
3438
}
35-
p {
36-
font-size: 1.2em;
37-
color: #333;
38-
padding-right: 1.5em;
39-
padding-left: 1.5em;
39+
.logo {
40+
max-width: 15em;
41+
height: auto;
4042
}
41-
.icon {
42-
width: 2.5em;
43-
height: 2.5em;
44-
margin-right: 10px;
43+
.logo-text {
44+
font-weight: bold;
45+
font-size: 5.5em;
46+
color: #032f30;
4547
}
46-
.logo {
47-
max-width: 600px;
48-
display: none;
48+
.bottom-container {
49+
text-align: center;
50+
margin-bottom: 7em; /* Adjust margin as needed */
4951
}
50-
.logo-vertical {
51-
max-height: 300px;
52-
display: none;
52+
.btn-container {
53+
margin-bottom: 1em;
5354
}
54-
@media (orientation: landscape) {
55-
.logo { display: block; }
55+
.btn img {
56+
width: 50px;
57+
height: 50px;
5658
}
57-
@media (orientation: portrait) {
58-
.logo-vertical { display: block; }
59+
@media (min-aspect-ratio: 4/3) {
60+
.logo-container {
61+
flex-direction: row;
62+
}
63+
.logo-text {
64+
margin-top: 0;
65+
margin-left: 0.3em; /* Reduced margin */
66+
}
5967
}
60-
</style>
61-
<script>
62-
document.addEventListener("DOMContentLoaded", function() {
63-
let horizImage = document.getElementById("logo-horiz");
64-
let vertImage = document.getElementById("logo-vert");
65-
66-
if (window.matchMedia("(orientation: portrait)").matches) {
67-
horizImage.setAttribute("loading", "lazy");
68-
} else {
69-
vertImage.setAttribute("loading", "lazy");
68+
@media (max-aspect-ratio: 4/3) {
69+
.logo-container {
70+
flex-direction: column;
7071
}
71-
72-
var link = document.createElement('link');
73-
link.href = 'https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap';
74-
link.rel = 'stylesheet';
75-
link.type = 'text/css';
76-
document.head.appendChild(link);
77-
78-
link.onload = function() {
79-
document.body.style.fontFamily = '"Nunito", Arial, sans-serif';
80-
};
81-
});
82-
</script>
72+
.logo-text {
73+
margin-left: 0;
74+
}
75+
.top-container {
76+
margin-top: 3em; /* Adjust margin as needed */
77+
}
78+
.bottom-container {
79+
margin-bottom: 3em; /* Adjust margin as needed */
80+
}
81+
}
82+
</style>
8383
</head>
8484
<body>
85+
8586
<div class="container">
86-
<a href="https://github.com/libdebug/libdebug">
87-
<picture>
88-
<source srcset="./images/libdebug_logo_vert.webp" media="(orientation: portrait)">
89-
<source srcset="./images/libdebug_logo_horiz.webp" media="(orientation: landscape)">
90-
<img id="logo-horiz" src="./images/libdebug_logo_horiz.webp" alt="libdebug Logo" class="logo">
91-
<img id="logo-vert" src="./images/libdebug_logo_vert.webp" alt="libdebug Logo Vertical" class="logo-vertical">
92-
</picture>
93-
</a>
87+
<div class="logo-container">
88+
<img src="images/libdebug_logo.webp" alt="libdebug logo" class="logo">
89+
<div class="logo-text">libdebug</div>
90+
</div>
91+
</div>
92+
93+
<div class="bottom-container">
94+
<div class="btn-container">
95+
<a href="https://github.com/libdebug/libdebug" class="btn">
96+
<img src="images/github-mark.webp" alt="GitHub Repository">
97+
</a>
98+
<a href="https://docs.libdebug.org" class="btn">
99+
<img src="images/docs-logo-dark.webp" alt="libdebug Documentation">
100+
</a>
101+
<a href="https://pypi.org/project/libdebug/" class="btn">
102+
<img src="images/pypi.webp" alt="PyPI Website">
103+
</a>
104+
</div>
105+
94106
<p>
95107
A Python library to debug binary executables, your own way.
96108
</p>
97-
<!-- icons -->
98-
<div class="icons-container">
99-
<a href="https://github.com/libdebug/libdebug" target="_blank"><img src="./images/github-mark/github-mark.png" alt="GitHub" class="icon"></a>
100-
<a href="https://docs.libdebug.org/" target="_blank"><img src="./images/logo-dark.png" alt="Docs" class="icon"></a>
101-
<a href="https://pypi.org/project/libdebug/" target="_blank"><img src="./images/pypi.png" alt="PyPI" class="icon"></a>
102-
</div>
103109
</div>
110+
111+
<!-- Bootstrap JS -->
112+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
104113
</body>
105-
</html>
114+
</html>

0 commit comments

Comments
 (0)