This commit is contained in:
array-in-a-matrix 2021-12-29 23:44:54 -05:00
parent a92df195ac
commit 2a924a9a73
2 changed files with 59 additions and 0 deletions

View file

@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Me</title>
<link rel="stylesheet" href="/style/style.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"
integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
<link rel="icon" type="image/x-icon" href="/res/site/icons/favicon.ico">
<style>
.zoom {
transition: transform .2s; /* Animation */
margin: 0 auto;
}
.zoom img{
width:100%;
height:auto;
}
.zoom:hover {
transform: scale(2);
/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
</style>
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name">Desktop Rice</h1>
<a href="/" class="btn">Home</a>
<a href="../" class="btn">about</a>
</header>
<main id="content" class="main-content" role="main">
<h3><a href="https://jie-fang.github.io/blog/basics-of-ricing">What is Ricing?</a></h3>
<code>
Ricing is just customizing your operating system to look a certain way or follow a theme. You can see other people's desktops <a href="https://www.reddit.com/r/unixporn/">here</a>.
</code>
<h4>My system looks like this:</h4>
<div class="zoom">
<a href="/res/site/images/rice.png"><img src="/res/site/images/rice.png" alt="KDE desktop on Arch Linux."></a>
</div>
This is a two monitor setup. I will share my dotfiles at some point lol.
<footer class="site-footer">
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
</footer>
</main>
</body>
</html>

BIN
res/site/images/rice.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 MiB