Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 397aa17

Browse files
DebianProgrammerDebianProgrammer
committedOct 29, 2022
redesign
1 parent 9f1cdd1 commit 397aa17

File tree

5 files changed

+53
-41
lines changed

5 files changed

+53
-41
lines changed
 

‎aboutme.html

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,26 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
3-
<title>About me</title>
4+
<title>octet's website / About me</title>
45
<link rel="stylesheet" href="styles.css">
56
</head>
67
<body>
8+
<header>
9+
<h1>octet's website / About me</h1>
10+
<a id="mb" style="position: absolute;top: 10px;left: 500px;" href="index.html">home</a>
11+
<a id="mb" style="position: absolute;top: 10px;left: 600px;" href="creations.html">creations</a>
12+
</header>
713
<div class="center">
8-
<h1>octet's Site / About me</h1>
914
<p>Hello! I am from the USA and have a interest in computers</p>
1015
<p>Alot of websites have a about me but im not too sure what to put here lol</p>
11-
<br>
12-
<br>
13-
<br>
14-
<br>
15-
<a id="mb" href="index.html">go back</a>
1616
</div>
17+
<div class="footer">
18+
<a href="https://github.com/DebianProgrammer">
19+
<img src="github.svg" width="100px" height="100px">
20+
</a>
21+
<a href="discord.html">
22+
<img src="discord.svg" width="100px" height="100px">
23+
</a>
24+
</div>
1725
</body>
1826
</html>

‎creations.html

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,28 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
3-
<title>Creations</title>
4+
<title>octet's website / Creations</title>
45
<link rel="stylesheet" href="styles.css">
56
</head>
67
<body>
8+
<header>
9+
<h1>octet's website / Creations</h1>
10+
<a id="mb" style="position: absolute;top: 10px;left: 500px;" href="index.html">home</a>
11+
<a id="mb" style="position: absolute;top: 10px;left: 600px;" href="aboutme.html">about me</a>
12+
</header>
713
<div class="center">
8-
<h1>octet's Site / Creations</h1>
914
<a style="color: #8ebf42" href="https://github.com/DebianProgrammer/netpyfile">netpyfile -- pure python file transfer</a>
1015
<br>
1116
<br>
1217
<a style="color: #8ebf42" href="https://github.com/DebianProgrammer/pyfile">pyfile -- pure python file browser</a>
13-
<br>
14-
<br>
15-
<br>
16-
<br>
17-
<br>
18-
<a id="mb" href="index.html">go back</a>
18+
</div>
19+
<div class="footer">
20+
<a href="https://github.com/DebianProgrammer">
21+
<img src="github.svg" width="100px" height="100px">
22+
</a>
23+
<a href="discord.html">
24+
<img src="discord.svg" width="100px" height="100px">
25+
</a>
1926
</div>
2027
</body>
2128
</html>

‎discord.html

Lines changed: 13 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,24 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
3-
<title>Discord</title>
4+
<title>octet's website / Discord</title>
45
<link rel="stylesheet" href="styles.css">
56
</head>
67
<body>
8+
<header>
9+
<h1>octet's website / Discord</h1>
10+
<a id="mb" style="position: absolute;top: 10px;left: 500px;" href="index.html">home</a>
11+
<a id="mb" style="position: absolute;top: 10px;left: 605px;" href="creations.html">creations</a>
12+
<a id="mb" style="position: absolute;top: 10px;left: 790px;" href="aboutme.html">about me</a>
13+
</header>
714
<div class="center">
8-
<h1>octet's Site / Discord</h1>
915
<p>octet-stream#0393</p>
1016
<a style="color: #8ebf42" href="https://discord.gg/HjwtQnE">Join my discord server</a>
11-
<br>
12-
<br>
13-
<br>
14-
<br>
15-
<a id="mb" href="index.html">go back</a>
17+
</div>
18+
<div class="footer">
19+
<a href="https://github.com/DebianProgrammer">
20+
<img src="github.svg" width="100px" height="100px">
21+
</a>
1622
</div>
1723
</body>
1824
</html>

‎index.html

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,19 @@
1+
<!DOCTYPE html>
12
<html>
23
<head>
3-
<title>octet's Website</title>
4+
<title>octet's website</title>
45
<link rel="stylesheet" href="styles.css">
56
</head>
67

78
<body>
9+
<header>
10+
<h1>octet's website</h1>
11+
<a id="mb" style="position: absolute;top: 10px;left: 300px;" href="creations.html">creations</a>
12+
<a id="mb" style="position: absolute;top: 10px;left: 500px;" href="aboutme.html">about me</a>
13+
</header>
814
<div class="center">
9-
<h1>octet's Website</h1>
1015
<p>welcome to my website</p>
1116
</div>
12-
<div class="buttons">
13-
<a id="mb" href="creations.html">creations</a>
14-
<a id="mb" href="aboutme.html">about me</a>
15-
</div>
1617
<div class="footer">
1718
<a href="https://github.com/DebianProgrammer">
1819
<img src="github.svg" width="100px" height="100px">

‎styles.css

Lines changed: 3 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,15 @@
1-
.center {
2-
position:absolute;
3-
top:50%;
4-
left:50%;
5-
margin-top:-260px;
6-
margin-left:-150px;
7-
}
8-
91
@font-face {
102
font-family: 'Terminus';
113
font-style: normal;
124
font-weight: 400;
135
src: local('Terminus'), url('https://debianprogrammer.github.io/TerminusTTF-4.49.1.ttf') format('truetype');
146
}
157

16-
.buttons {
8+
.center {
179
position:absolute;
1810
top:50%;
1911
left:50%;
20-
margin-top:20px;
21-
margin-left:-140px;
12+
transform: translate(-50%, -50%);
2213
}
2314

2415
#mb {
@@ -39,10 +30,9 @@
3930
html {
4031
background-image: linear-gradient(to right, #000000, #5e81ac);
4132
color: white;
42-
font-weight: bold;
4333
overflow: hidden;
4434
font-family: "Terminus";
45-
font-size: 16px;
35+
font-size: 9px;
4636
}
4737

4838
.footer {

0 commit comments

Comments
 (0)
Please sign in to comment.