Worked on stuff
This commit is contained in:
BIN
assets/calc.png
Normal file
BIN
assets/calc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 728 KiB |
BIN
assets/sftr.ttf
Normal file
BIN
assets/sftr.ttf
Normal file
Binary file not shown.
BIN
assets/sftr.woff
Normal file
BIN
assets/sftr.woff
Normal file
Binary file not shown.
35
index.html
35
index.html
@@ -9,18 +9,18 @@
|
|||||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-grey p-8">
|
<body class="bg-grey p-[3vw]">
|
||||||
<h1 class="txt-cyan">
|
<h1 class="txt-cyan">
|
||||||
<div class="flex flex-row space-x-8 w-full">
|
<div class="flex flex-row space-x-[3vw] w-full">
|
||||||
<div class="w-2/5 space-y-8">
|
<div class="w-[40vw] space-y-[3vw]">
|
||||||
<div class="outline-8 p-2">
|
<div class="outline-[0.7vw] p-[0.7vw]">
|
||||||
<img class="" src="assets/ida_blue.png" />
|
<img class="" src="assets/ida_blue.png" />
|
||||||
</div>
|
</div>
|
||||||
<img src="assets/linux.png"/>
|
<img src="assets/linux.png"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-3/5">
|
<div class="w-[60vw]">
|
||||||
<img class=""src="assets/title.png" />
|
<img class=""src="assets/title.png" />
|
||||||
<div class="flex flex-row outline-8 p-3 jb-mono text-[2vw] space-x-[2.5vw]">
|
<div class="flex flex-row outline-[0.7vw] p-[1vw] jb-mono text-[2.1vw] space-x-[2.2vw]">
|
||||||
<p>
|
<p>
|
||||||
000000<br>
|
000000<br>
|
||||||
000008<br>
|
000008<br>
|
||||||
@@ -41,6 +41,29 @@
|
|||||||
6f 66 20 74 68 65 20 20<br>
|
6f 66 20 74 68 65 20 20<br>
|
||||||
77 65 62 0a
|
77 65 62 0a
|
||||||
</p>
|
</p>
|
||||||
|
<p>
|
||||||
|
Howdy !<br>
|
||||||
|
It's me<br>
|
||||||
|
Ayabusa,<br>
|
||||||
|
welcome<br>
|
||||||
|
to my <br>
|
||||||
|
corner <br>
|
||||||
|
of the <br>
|
||||||
|
web.<br>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mt-[3vw] flex flex-row space-x-[3vw] w-full">
|
||||||
|
<div class="w-[55vw] font-[sftr] leading-[6vw] text-[7vw] flex flex-col">
|
||||||
|
<a href="projects.html" class="text-end">Projects</a>
|
||||||
|
<a class="text-start">Blog</a>
|
||||||
|
<a class="text-end">Github</a>
|
||||||
|
<a class="text-start">Gitea</a>
|
||||||
|
</div>
|
||||||
|
<div class="w-[45vw] space-y-[3vw]">
|
||||||
|
<div class="outline-[0.7vw] p-[0.7vw]">
|
||||||
|
<img class="" src="assets/calc.png" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,3 +1,9 @@
|
|||||||
|
@font-face {
|
||||||
|
font-family: 'sftr';
|
||||||
|
src: url('assets/sftr.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
||||||
|
url('assets/sftr.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
|
||||||
|
}
|
||||||
|
|
||||||
.txt-cyan {
|
.txt-cyan {
|
||||||
color: #8bc8feff;
|
color: #8bc8feff;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user