Basic webpage with tailwind CSS

This commit is contained in:
Szymon Nowakowski 2024-03-10 18:51:57 +00:00
parent c1e909cd35
commit 8cb253d45e
14 changed files with 143 additions and 0 deletions

13
.editorconfig Normal file
View File

@ -0,0 +1,13 @@
root = true
[*]
charset = utf-8
end_of_line = lf
indent_size = 4
indent_style = tab
insert_final_newline = true
trim_trailing_whitespace = true
[*.json]
indent_size = 2
indent_style = space

1
.gitattributes vendored Normal file
View File

@ -0,0 +1 @@
*.woff2 filter=lfs diff=lfs merge=lfs -text

2
.gitignore vendored Normal file
View File

@ -0,0 +1,2 @@
/src/css/style.css
node_modules

BIN
bun.lockb Executable file

Binary file not shown.

7
package.json Normal file
View File

@ -0,0 +1,7 @@
{
"name": "renati.me",
"type": "module",
"devDependencies": {
"tailwindcss": "^3.4.1"
}
}

BIN
src/fonts/Inter-Italic.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
src/fonts/Inter.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
src/fonts/JetBrainsMono-Bold.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
src/fonts/JetBrainsMono-BoldItalic.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
src/fonts/JetBrainsMono-Italic.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
src/fonts/JetBrainsMono-Regular.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

34
src/index.html Normal file
View File

@ -0,0 +1,34 @@
<!doctype html>
<html lang="en-US" class="dark:text-white dark:bg-stone-900">
<head>
<meta charset="utf-8">
<title>I am Renati</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<main class="max-w-screen-md mx-auto">
<header class="font-mono text-xl my-2"><a href="https://renati.me">renati.me</a></header>
<p>This is my webpage. Someday, maybe I'll add an introduction. Until then, you can check out my stuff.</p>
<h2 class="font-mono text-lg my-2">Socials</h2>
<ul class="list-disc">
<li>Email: <a href="mailto:renati@renati.me" class="underline decoration-2 decoration-red-700">renati@renati.me</a></li>
<li>Discord: <a href="https://discordapp.com/users/84664776977825792" target="_blank" rel="noopener noreferrer" class="underline decoration-2 decoration-red-700">renati_11</a> (formerly iszn_11#3647)</li>
<li>Gitea: <a href="https://gitea.renati.me/renati" target="_blank" rel="noopener noreferrer" class="underline decoration-2 decoration-red-700">gitea.renati.me/renati</a></li>
<li>GitHub: <a href="https://github.com/iszn11" target="_blank" rel="noopener noreferrer" class="underline decoration-2 decoration-red-700">iszn11</a></li>
<li>itch.io: <a href="https://iszn-11.itch.io/" target="_blank" rel="noopener noreferrer" class="underline decoration-2 decoration-red-700">iszn_11</a></li>
</ul>
<h2 class="font-mono text-lg my-2">Programming languages</h2>
<ul class="list-disc">
<li><a href="https://github.com/iszn11/renjamlang" target="_blank" rel="noopener noreferrer" class="underline decoration-2 decoration-red-700">renjamlang</a>: a scripting language made in 48h, where comments can be attached to values and have string interpolation ability</li>
<li><a href="asmscript/" class="underline decoration-2 decoration-red-700">asmscript</a>: JIT-compiled, low-level programming language made in 48h, which attempts to make x86_64 assembly look more structured and easier to read</li>
<li><a href="runtypescript/" class="underline decoration-2 decoration-red-700">RuntypeScript</a>: a scripting language made in 48h, heavily inspired by TypeScript's type system, where type system is the value system</li>
</ul>
<h2 class="font-mono text-lg my-2">Other projects</h2>
<ul class="list-disc">
<li><a href="https://github.com/iszn11/hmiiv" target="_blank" rel="noopener noreferrer" class="underline decoration-2 decoration-red-700">Handmade Instant Image Viewer (Hmiiv)</a>: tiny (90 kiB) Win32 application that can open and display an image and nothing else.</li>
<li><a href="oktaeder/" class="underline decoration-2 decoration-red-700">oktaeder</a>: 3D rendering library for WebGPU (not in active development)</li>
</ul>
</main>
</body>
</html>

15
tailwind.config.js Normal file
View File

@ -0,0 +1,15 @@
const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import("tailwindcss").Config} */
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {
fontFamily: {
sans: ["Inter", ...defaultTheme.fontFamily.sans],
mono: ["\"JetBrains Mono\"", ...defaultTheme.fontFamily.mono],
},
},
},
plugins: [],
};

53
tailwind.css Normal file
View File

@ -0,0 +1,53 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("/fonts/Inter.woff2") format("woff2");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url("/fonts/Inter-Italic.woff2") format("woff2");
}
@font-face {
font-family: "JetBrains Mono";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/JetBrainsMono-Regular.woff2") format("woff2");
}
@font-face {
font-family: "JetBrains Mono";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("/fonts/JetBrainsMono-Bold.woff2") format("woff2");
}
@font-face {
font-family: "JetBrains Mono";
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("/fonts/JetBrainsMono-Italic.woff2") format("woff2");
}
@font-face {
font-family: "JetBrains Mono";
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("/fonts/JetBrainsMono-BoldItalic.woff2") format("woff2");
}
}