added directory tree

need to add remove options tho
This commit is contained in:
2023-05-20 16:19:39 +01:00
parent ec31dab372
commit a36388897d
2 changed files with 28 additions and 12 deletions

View File

@@ -6,7 +6,17 @@
<link rel="stylesheet" href="./style.css" type="text/css"> <link rel="stylesheet" href="./style.css" type="text/css">
</head> </head>
<body> <body>
<h1>inital commit</h1> <h1>neon443</h1>
<p>this site is hosted with <b>Github Pages</b>!<br>soon, I'll add a directory listing</p> <p>
<b>Directory Tree</b><br>
<a href="https://neon443.github.io">https://neon443.github.io</a><br>
├─<a href="https://neon443.github.io/MacDirtyCow-AltSource/">MacDirtyCow-AltSource</a><br>
├─<a href="https://neon443.github.io/Musics-info/">Musics-info</a><br>
├─<a href="https://neon443.github.io/ReProvision/">ReProvision</a><br>
├─<a href="https://neon443.github.io/dir.html">dir.html</a><br>
├─<a href="https://neon443.github.io/eaglercraft-1.5.2-Final-Release/">eaglercraft-1.5.2-Final-Release</a><br>
├─<a href="https://neon443.github.io/neon443.github.io/">neon443.github.io</a><br>
└─<a href="https://neon443.github.io/webpage-testing/">webpage-testing</a><br>
</p>
</body> </body>
</html> </html>

View File

@@ -1,15 +1,18 @@
*{ *{
box-sizing: border-box; box-sizing: border-box;
} }
b body p h1 h2 h3{
margin: 0px;
}
b{ b{
color:#007AFF color: #007AFF
} }
body{ body{
background-color: #f2f2f2; background-color: #f2f2f2;
color:#333333; color: #333333;
font-family: system-ui; font-family: system-ui;
margin: auto; margin: 0px;
overflow-x: hidden; height: 100%;
} }
p{ p{
font-size: 20px; font-size: 20px;
@@ -17,23 +20,26 @@ p{
} }
h1{ h1{
font-size: 45px; font-size: 45px;
font-weight: 750;
padding: 20px; padding: 20px;
font-weight: 600;
} }
h2{ h2{
font-size: 30px; font-size: 35px;
font-weight:300; font-weight: 300;
margin-top:-38; padding: 20px;
}
h3{
font-size: 25px;
font-weight: 200;
padding: 20px; padding: 20px;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
background-color:#1C1C1E; background-color: #1C1C1E;
color: #f1f1f1; color: #f1f1f1;
} }
#transaction { #transaction {
background-color: #191919; background-color: #191919;
box-shadow: none;
} }
p{ p{
color: #AAAAAA; color: #AAAAAA;