Compare commits

...

2 commits

Author SHA1 Message Date
fb2c2ef3ff Remoce skills and switch to ttt-org css system
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
2024-10-28 21:48:48 +07:00
edee7c14cb Switch to Inter font served from the CDN 2024-10-28 21:24:34 +07:00
27 changed files with 10 additions and 221 deletions

BIN
icons/ttt-org.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">

View file

@ -1,7 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://www.techtransthai.org/style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Late Night Defender's profile">
@ -12,105 +13,14 @@
<body>
<div class="pfp">
<div style="display: flex; justify-content: center; align-items: center; margin-top: 2cm;">
<img src="icons/pfp.jpg" alt="latenightdef" width="160" height="160" style="border-radius: 80px; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13)">
</div>
<div class="name">
<h1 class="logo">Pongpeera Wongprasitthiporn</h1>
<a class="gtk-button-pill" href="/index-avatar.html">See my avatar</a>
</div>
<div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://kernel.org/" class="headerbutton">
Linux
</a>
<a class="headerbutton">
Libvirtd
</a>
<a target="_blank" rel="noopener noreferrer" href="https://podman.io/" class="headerbutton">
Podman
</a>
<a target="_blank" rel="noopener noreferrer" href="https://github.com/quay/quay" class="headerbutton">
Quay
</a>
<a target="_blank" rel="noopener noreferrer" href="https://www.docker.com/" class="headerbutton">
Docker
</a>
</div>
<div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://www.openstreetmap.org/" class="headerbutton">
OpenStreetMap
</a>
<a target="_blank" rel="noopener noreferrer" href="https://boinc.berkeley.edu/" class="headerbutton">
BOINC
</a>
<a target="_blank" rel="noopener noreferrer" href="https://gitlab.com/" class="headerbutton">
GitLab
</a>
<a target="_blank" rel="noopener noreferrer" href="https://forgejo.org/" class="headerbutton">
Forgejo
</a>
</div>
<div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://www.smtp2go.com/" class="headerbutton">
SMTP2GO
</a>
<a target="_blank" rel="noopener noreferrer" href="https://aws.amazon.com/" class="headerbutton">
Amazon EC2, SES
</a>
<a target="_blank" rel="noopener noreferrer" href="https://www.cloudflare.com/" class="headerbutton">
Cloudflare
</a>
</div>
<div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://woodpecker-ci.org/" class="headerbutton">
Woodpecker CI
</a>
<a target="_blank" rel="noopener noreferrer" href="https://caddyserver.com/" class="headerbutton">
Caddy
</a>
<a target="_blank" rel="noopener noreferrer" href="https://www.python.org/" class="headerbutton">
Python
</a>
<a target="_blank" rel="noopener noreferrer" href="https://www.gnu.org/software/bash/" class="headerbutton">
Bash
</a>
</div>
<div class="header">
<a target="_blank" rel="noopener noreferrer" href="https://flatpak.org/" class="headerbutton">
Flatpak
</a>
<a target="_blank" rel="noopener noreferrer" href="https://penpot.app/" class="headerbutton">
Penpot
</a>
<a target="_blank" rel="noopener noreferrer" href="https://gohugo.io/" class="headerbutton">
Hugo
</a>
<a target="_blank" rel="noopener noreferrer" href="https://systemd.io/" class="headerbutton">
systemd
</a>
</div>
<div class="header">
<a class="headerbutton">
Documentation
</a>
<a class="headerbutton">
Localization
</a>
</div>
<div class="header">
<a class="headerbutton">
Content Creation
</a>
</div>
<div class="grid-container">

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View file

@ -1,127 +0,0 @@
/* inter-black */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 900;
src: local("Inter Black"), local("Inter-Black"), url(inter-black.woff2) format("woff2");
}
/* inter-black-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 900;
src: local("Inter Black Italic"), local("Inter-BlackItalic"), url(inter-black-italic.woff2) format("woff2");
}
/* inter-bold */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
src: local("Inter Bold"), local("Inter-Bold"), url(inter-bold.woff2) format("woff2");
}
/* inter-bold-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 700;
src: local("Inter Bold Italic"), local("Inter-BoldItalic"), url(inter-bold-italic.woff2) format("woff2");
}
/* inter-extrabold */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src: local("Inter ExtraBold"), local("Inter-ExtraBold"), url(inter-extrabold.woff2) format("woff2");
}
/* inter-extrabold-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
src: local("Inter ExtraBold Italic"), local("Inter-ExtraBoldItalic"), url(inter-extrabold-italic.woff2) format("woff2");
}
/* inter-extralight */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src: local("Inter ExtraLight"), local("Inter-ExtraLight"), url(inter-extralight.woff2) format("woff2");
}
/* inter-extralight-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
src: local("Inter ExtraLight Italic"), local("Inter-ExtraLightItalic"), url(inter-extralight-italic.woff2) format("woff2");
}
/* inter-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
src: local("Inter Italic"), local("Inter-Italic"), url(inter-italic.woff2) format("woff2");
}
/* inter-light */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
src: local("Inter Light"), local("Inter-Light"), url(inter-light.woff2) format("woff2");
}
/* inter-light-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 300;
src: local("Inter Light Italic"), local("Inter-LightItalic"), url(inter-light-italic.woff2) format("woff2");
}
/* inter-medium */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
src: local("Inter Medium"), local("Inter-Medium"), url(inter-medium.woff2) format("woff2");
}
/* inter-medium-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 500;
src: local("Inter Medium Italic"), local("Inter-MediumItalic"), url(inter-medium-italic.woff2) format("woff2");
}
/* inter-regular */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src: local("Inter Regular"), local("Inter-Regular"), url(inter-regular.woff2) format("woff2");
}
/* inter-semibold */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
src: local("Inter SemiBold"), local("Inter-SemiBold"), url(inter-semibold.woff2) format("woff2");
}
/* inter-semibold-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
src: local("Inter SemiBold Italic"), local("Inter-SemiBoldItalic"), url(inter-semibold-italic.woff2) format("woff2");
}
/* inter-thin */
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100;
src: local("Inter Thin"), local("Inter-Thin"), url(inter-thin.woff2) format("woff2");
}
/* inter-thin-italic */
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 100;
src: local("Inter Thin Italic"), local("Inter-ThinItalic"), url(inter-thin-italic.woff2) format("woff2");
}

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="../style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="../style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="../style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="../style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">

View file

@ -1,6 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="../style.css">
<meta http-equiv="Content-Language" content="th">
<meta http-equiv="content-Type" content="text/html; charset=UTF-8">