formating

This commit is contained in:
array-in-a-matrix 2021-12-29 23:46:21 -05:00
parent aa214e8502
commit 7696a8dba7

View file

@ -2,58 +2,63 @@
<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">
<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>
<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>
<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>
<a href="/" class="btn">Home</a>
<a href="../" class="btn">about</a>
</header>
<main id="content" class="main-content" role="main">
<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>
<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>
<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>
<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>