Skip to content

Commit

Permalink
redesign
Browse files Browse the repository at this point in the history
  • Loading branch information
@DebianProgrammer
DebianProgrammer committed Oct 29, 2022
1 parent 9f1cdd1 commit 397aa17
Show file tree
Hide file tree
Showing 5 changed files with 53 additions and 41 deletions.
22 changes: 15 additions & 7 deletions aboutme.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>About me</title>
<title>octet's website / About me</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>octet's website / About me</h1>
<a id="mb" style="position: absolute;top: 10px;left: 500px;" href="index.html">home</a>
<a id="mb" style="position: absolute;top: 10px;left: 600px;" href="creations.html">creations</a>
</header>
<div class="center">
<h1>octet's Site / About me</h1>
<p>Hello! I am from the USA and have a interest in computers</p>
<p>Alot of websites have a about me but im not too sure what to put here lol</p>
<br>
<br>
<br>
<br>
<a id="mb" href="index.html">go back</a>
</div>
<div class="footer">
<a href="https://github.com/DebianProgrammer">
<img src="github.svg" width="100px" height="100px">
</a>
<a href="discord.html">
<img src="discord.svg" width="100px" height="100px">
</a>
</div>
</body>
</html>
23 changes: 15 additions & 8 deletions creations.html
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>Creations</title>
<title>octet's website / Creations</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>octet's website / Creations</h1>
<a id="mb" style="position: absolute;top: 10px;left: 500px;" href="index.html">home</a>
<a id="mb" style="position: absolute;top: 10px;left: 600px;" href="aboutme.html">about me</a>
</header>
<div class="center">
<h1>octet's Site / Creations</h1>
<a style="color: #8ebf42" href="https://github.com/DebianProgrammer/netpyfile">netpyfile -- pure python file transfer</a>
<br>
<br>
<a style="color: #8ebf42" href="https://github.com/DebianProgrammer/pyfile">pyfile -- pure python file browser</a>
<br>
<br>
<br>
<br>
<br>
<a id="mb" href="index.html">go back</a>
</div>
<div class="footer">
<a href="https://github.com/DebianProgrammer">
<img src="github.svg" width="100px" height="100px">
</a>
<a href="discord.html">
<img src="discord.svg" width="100px" height="100px">
</a>
</div>
</body>
</html>
20 changes: 13 additions & 7 deletions discord.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Discord</title>
<title>octet's website / Discord</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>octet's website / Discord</h1>
<a id="mb" style="position: absolute;top: 10px;left: 500px;" href="index.html">home</a>
<a id="mb" style="position: absolute;top: 10px;left: 605px;" href="creations.html">creations</a>
<a id="mb" style="position: absolute;top: 10px;left: 790px;" href="aboutme.html">about me</a>
</header>
<div class="center">
<h1>octet's Site / Discord</h1>
<p>octet-stream#0393</p>
<a style="color: #8ebf42" href="https://discord.gg/HjwtQnE">Join my discord server</a>
<br>
<br>
<br>
<br>
<a id="mb" href="index.html">go back</a>
</div>
<div class="footer">
<a href="https://github.com/DebianProgrammer">
<img src="github.svg" width="100px" height="100px">
</a>
</div>
</body>
</html>
13 changes: 7 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>octet's Website</title>
<title>octet's website</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>
<header>
<h1>octet's website</h1>
<a id="mb" style="position: absolute;top: 10px;left: 300px;" href="creations.html">creations</a>
<a id="mb" style="position: absolute;top: 10px;left: 500px;" href="aboutme.html">about me</a>
</header>
<div class="center">
<h1>octet's Website</h1>
<p>welcome to my website</p>
</div>
<div class="buttons">
<a id="mb" href="creations.html">creations</a>
<a id="mb" href="aboutme.html">about me</a>
</div>
<div class="footer">
<a href="https://github.com/DebianProgrammer">
<img src="github.svg" width="100px" height="100px">
Expand Down
16 changes: 3 additions & 13 deletions styles.css
View file
Original file line number Diff line number Diff line change
@@ -1,24 +1,15 @@
.center {
position:absolute;
top:50%;
left:50%;
margin-top:-260px;
margin-left:-150px;
}

@font-face {
font-family: 'Terminus';
font-style: normal;
font-weight: 400;
src: local('Terminus'), url('https://debianprogrammer.github.io/TerminusTTF-4.49.1.ttf') format('truetype');
}

.buttons {
.center {
position:absolute;
top:50%;
left:50%;
margin-top:20px;
margin-left:-140px;
transform: translate(-50%, -50%);
}

#mb {
Expand All @@ -39,10 +30,9 @@
html {
background-image: linear-gradient(to right, #000000, #5e81ac);
color: white;
font-weight: bold;
overflow: hidden;
font-family: "Terminus";
font-size: 16px;
font-size: 9px;
}

.footer {
Expand Down

0 comments on commit 397aa17

Please sign in to comment.