prettier
This commit is contained in:
parent
c5afbe3f95
commit
cc4682d735
1
.prettierrc.json
Normal file
1
.prettierrc.json
Normal file
|
@ -0,0 +1 @@
|
|||
{}
|
|
@ -1,22 +1,22 @@
|
|||
<!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>403 Error</title>
|
||||
<link rel="stylesheet" href="/style/style.css" />
|
||||
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif" />
|
||||
</head>
|
||||
|
||||
<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>403 Error</title>
|
||||
<link rel="stylesheet" href="/style/style.css" />
|
||||
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">403 Error</h1>
|
||||
<h2 class="project-tagline">
|
||||
You do not have access to this, stop snooping ÒwÓ.
|
||||
</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">403 Error</h1>
|
||||
<h2 class="project-tagline">You do not have access to this, stop snooping ÒwÓ.</h2>
|
||||
|
||||
<a href="/" class="btn">Home</a>
|
||||
</header>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<a href="/" class="btn">Home</a>
|
||||
</header>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,22 +1,20 @@
|
|||
<!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>404 Error</title>
|
||||
<link rel="stylesheet" href="/style/style.css" />
|
||||
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif" />
|
||||
</head>
|
||||
|
||||
<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>404 Error</title>
|
||||
<link rel="stylesheet" href="/style/style.css" />
|
||||
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">404 Error</h1>
|
||||
<h2 class="project-tagline">Requested page diverges.</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">404 Error</h1>
|
||||
<h2 class="project-tagline">Requested page diverges.</h2>
|
||||
|
||||
<a href="/" class="btn">Home</a>
|
||||
</header>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<a href="/" class="btn">Home</a>
|
||||
</header>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,22 +1,20 @@
|
|||
<!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>413 Error</title>
|
||||
<link rel="stylesheet" href="/style/style.css" />
|
||||
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif" />
|
||||
</head>
|
||||
|
||||
<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>413 Error</title>
|
||||
<link rel="stylesheet" href="/style/style.css" />
|
||||
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">413 Error</h1>
|
||||
<h2 class="project-tagline">413 Payload Too Large.</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">413 Error</h1>
|
||||
<h2 class="project-tagline">413 Payload Too Large.</h2>
|
||||
|
||||
<a href="/" class="btn">Home</a>
|
||||
</header>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<a href="/" class="btn">Home</a>
|
||||
</header>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,22 +1,22 @@
|
|||
<!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>5XX Error</title>
|
||||
<link rel="stylesheet" href="/style/style.css" />
|
||||
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif" />
|
||||
</head>
|
||||
|
||||
<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>5XX Error</title>
|
||||
<link rel="stylesheet" href="/style/style.css" />
|
||||
<link rel="icon" type="image/gif" href="/res/site/icons/cat.gif">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">5XX Error</h1>
|
||||
<h2 class="project-tagline">The server is currently on fire! Please check back later.</h2>
|
||||
|
||||
<a href="/" class="btn">Home</a>
|
||||
</header>
|
||||
</body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">5XX Error</h1>
|
||||
<h2 class="project-tagline">
|
||||
The server is currently on fire! Please check back later.
|
||||
</h2>
|
||||
|
||||
<a href="/" class="btn">Home</a>
|
||||
</header>
|
||||
</body>
|
||||
</html>
|
||||
|
|
82
index.html
82
index.html
|
@ -1,44 +1,46 @@
|
|||
<!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>Array in a Matrix</title>
|
||||
<link rel="stylesheet" type="text/css" href="./style/alt.style.css" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="./res/site/fonts/DarkNewRoman/stylesheet.css"
|
||||
type="text/css"
|
||||
/>
|
||||
<link rel="icon" type="image/x-icon" href="./res/site/icons/favicon.ico" />
|
||||
</head>
|
||||
|
||||
<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>Array in a Matrix</title>
|
||||
<link rel="stylesheet" type="text/css" href="./style/alt.style.css" />
|
||||
<link rel="stylesheet" href="./res/site/fonts/DarkNewRoman/stylesheet.css" type="text/css" />
|
||||
<link rel="icon" type="image/x-icon" href="./res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name" style="font-family: DarkNewRoman">
|
||||
Array in a matriX
|
||||
</h1>
|
||||
<h2 class="project-tagline">Welcome to the abyss.</h2>
|
||||
</header>
|
||||
<div class="main-content">
|
||||
<nav>
|
||||
<a href="./index/about/" class="btn">About Me</a>
|
||||
<a href="./index/banners/" class="btn">Banners<sup>⨳</sup></a>
|
||||
<a href="https://bloginamatrix.xyz" class="btn">Blog<sup>⨳</sup></a>
|
||||
<a href="https://chatinamatrix.xyz" class="btn">Chat</a>
|
||||
<a href="./index/games/" class="btn">Games</a>
|
||||
<a href="./index/apps/matrix" class="btn">Matrix</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="https://repo.arrayinamatrix.xyz" class="btn">Repository</a>
|
||||
<a href="./index/socials/" class="btn">Socials</a>
|
||||
<a href="./index/apps/" class="btn">Services</a>
|
||||
<a href="./index/projects/" class="btn">Projects<sup>⨳</sup></a>
|
||||
<a href="./index/webrings/" class="btn">Webrings<sup>⨳</sup></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name" style="font-family: DarkNewRoman;"> Array in a matriX
|
||||
</h1>
|
||||
<h2 class=" project-tagline">Welcome to the abyss.</h2>
|
||||
</header>
|
||||
<div class="main-content">
|
||||
<nav>
|
||||
<a href="./index/about/" class="btn">About Me</a>
|
||||
<a href="./index/banners/" class="btn">Banners<sup>⨳</sup></a>
|
||||
<a href="https://bloginamatrix.xyz" class="btn">Blog<sup>⨳</sup></a>
|
||||
<a href="https://chatinamatrix.xyz" class="btn">Chat</a>
|
||||
<a href="./index/games/" class="btn">Games</a>
|
||||
<a href="./index/apps/matrix" class="btn">Matrix</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="https://repo.arrayinamatrix.xyz" class="btn">Repository</a>
|
||||
<a href="./index/socials/" class="btn">Socials</a>
|
||||
<a href="./index/apps/" class="btn">Services</a>
|
||||
<a href="./index/projects/" class="btn">Projects<sup>⨳</sup></a>
|
||||
<a href="./index/webrings/" class="btn">Webrings<sup>⨳</sup></a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="site-footer">
|
||||
Pages that use JavaScript are denoted by ⨳.
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<footer class="site-footer">
|
||||
Pages that use JavaScript are denoted by ⨳.
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,95 +1,115 @@
|
|||
<!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="icon"
|
||||
type="image/x-icon"
|
||||
href="../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
<link
|
||||
href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css"
|
||||
rel="stylesheet"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<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="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico">
|
||||
<link href="//cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css" rel="stylesheet"></head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">About Me</h1>
|
||||
<h2 class="project-tagline">The webmaster.</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">About Me</h1>
|
||||
<h2 class="project-tagline">The webmaster.</h2>
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</header>
|
||||
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</header>
|
||||
<main id="content" class="main-content" role="main">
|
||||
<h3>About Me</h3>
|
||||
My name is Array. My hobbies include skateboarding, biking, surfing the
|
||||
web, play video games (including emulation) and programming. I tinker a
|
||||
lot with electronics and tend to jailbreak and homebrew them whenever
|
||||
possible. I use
|
||||
<a href="https://archlinux.org/"
|
||||
>Arch Linux btw <i class="fl-archlinux"></i></a
|
||||
>. I created
|
||||
<a
|
||||
href="https://git.arrayinamatrix.xyz/array-in-a-matrix/arrayinamatrix.xyz"
|
||||
>this website</a
|
||||
>
|
||||
and constantly update it with new content (come back later!). I set up,
|
||||
configured, host, and operate this website, and all of its related
|
||||
services.
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<h3>About Me</h3>
|
||||
My name is Array. My hobbies include skateboarding, biking, surfing the web, play
|
||||
video games (including emulation) and programming. I tinker a lot
|
||||
with electronics and tend to jailbreak and homebrew them whenever possible. I use <a
|
||||
href="https://archlinux.org/">Arch Linux btw <i class="fl-archlinux"></i></a>. I created <a href="https://git.arrayinamatrix.xyz/array-in-a-matrix/arrayinamatrix.xyz">this website</a> and constantly update it with new content (come back later!). I set up, configured, host, and operate this website, and all of its related services.
|
||||
My website is split into a couple sections:
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<table>
|
||||
<thead>
|
||||
<th>Section</th>
|
||||
<th>Section topic</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>About Me</td>
|
||||
<td>Overview of this domain and its owner.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Banners</td>
|
||||
<td>A list of banners.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://bloginamatrix.xyz">Blog</a></td>
|
||||
<td>
|
||||
My personal blog where I info dump and take forever to post.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://chatinamatrix.xyz">Chat</a></td>
|
||||
<td>Chat and social services are I host.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Games</td>
|
||||
<td>Games that I programmed or implemented.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Repository</td>
|
||||
<td>Packaged applications I coded.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Socials</td>
|
||||
<td>My social media profiles.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Services</td>
|
||||
<td>
|
||||
Applications that I host but not necessary coded (Most useful
|
||||
imo).
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Projects</td>
|
||||
<td>Things I created or contribute to.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Webrings</td>
|
||||
<td>
|
||||
Links to other people's websites which may or may not be similar.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
My website is split into a couple sections:
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<th>Section</th>
|
||||
<th>Section topic</th>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>About Me</td>
|
||||
<td>Overview of this domain and its owner.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Banners</td>
|
||||
<td>A list of banners.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://bloginamatrix.xyz">Blog</a></td>
|
||||
<td>My personal blog where I info dump and take forever to post.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a href="https://chatinamatrix.xyz">Chat</a></td>
|
||||
<td>Chat and social services are I host.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Games</td>
|
||||
<td>Games that I programmed or implemented.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Repository</td>
|
||||
<td>Packaged applications I coded.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Socials</td>
|
||||
<td>My social media profiles.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Services</td>
|
||||
<td>Applications that I host but not necessary coded (Most useful imo).</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Projects</td>
|
||||
<td>Things I created or contribute to.</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Webrings</td>
|
||||
<td>Links to other people's websites which may or may not be similar.</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br />
|
||||
<br />
|
||||
<code> You can view my desktop rice <a href="./rice/">here</a>. </code>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<code>
|
||||
You can view my desktop rice <a href="./rice/">here</a>.
|
||||
</code>
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,51 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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">
|
||||
<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="icon" type="image/x-icon" href="../../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body style="cursor: url(../../../res/site/icons/archlinux.png), auto;">
|
||||
<body style="cursor: url(../../../res/site/icons/archlinux.png), auto">
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Desktop Rice</h1>
|
||||
<h2 class="project-tagline"></h2>
|
||||
<h1 class="project-name">Desktop Rice</h1>
|
||||
<h2 class="project-tagline"></h2>
|
||||
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">about</a>
|
||||
<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>
|
||||
Ricing is just customizing your operating system to look a certain way or
|
||||
follow a theme. You can see other people's desktop rices
|
||||
<a href="https://libreddit.de/r/unixporn/">here</a>. My dotfiles are
|
||||
<a href="https://git.arrayinamatrix.xyz/array-in-a-matrix/dotfiles"
|
||||
>here</a
|
||||
>.
|
||||
|
||||
<h3><a href="https://jie-fang.github.io/blog/basics-of-ricing">What is Ricing?</a></h3>
|
||||
Ricing is just customizing your operating system to look a certain way or follow a theme. You can see other
|
||||
people's desktop rices <a href="https://libreddit.de/r/unixporn/">here</a>. My dotfiles are <a
|
||||
href="https://git.arrayinamatrix.xyz/array-in-a-matrix/dotfiles">here</a>.
|
||||
<h4>My system looks like this:</h4>
|
||||
<div class="zoom">
|
||||
<a href="../../../res/site/images/KDE-rice.png"
|
||||
><img
|
||||
src="../../../res/site/images/KDE-rice.png"
|
||||
alt="KDE desktop on Arch Linux."
|
||||
/></a>
|
||||
</div>
|
||||
|
||||
<h4>And looks like this:</h4>
|
||||
<div class="zoom">
|
||||
<a href="../../../res/site/images/SwayWM-rice.png"
|
||||
><img
|
||||
src="../../../res/site/images/SwayWM-rice.png"
|
||||
alt="3 images of the Sway window manager (using pywal) on Arch Linux."
|
||||
/></a>
|
||||
</div>
|
||||
|
||||
<h4>My system looks like this:</h4>
|
||||
<div class="zoom">
|
||||
<a href="../../../res/site/images/KDE-rice.png"><img src="../../../res/site/images/KDE-rice.png"
|
||||
alt="KDE desktop on Arch Linux."></a>
|
||||
</div>
|
||||
|
||||
<h4>And looks like this:</h4>
|
||||
<div class="zoom">
|
||||
<a href="../../../res/site/images/SwayWM-rice.png"><img src="../../../res/site/images/SwayWM-rice.png"
|
||||
alt="3 images of the Sway window manager (using pywal) on Arch Linux."></a>
|
||||
</div>
|
||||
|
||||
<code>
|
||||
This is a two monitor setup.
|
||||
</code>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
<code> This is a two monitor setup. </code>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,31 +1,37 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Administration</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../../style/alt.style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<link
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
href="../../../style/alt.style.css"
|
||||
/>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name"> Administration
|
||||
</h1>
|
||||
<h2 class=" project-tagline">Server statistics and management tools.
|
||||
</h2>
|
||||
<h1 class="project-name">Administration</h1>
|
||||
<h2 class="project-tagline">Server statistics and management tools.</h2>
|
||||
</header>
|
||||
<div class="main-content">
|
||||
<nav>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Applications</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="https://docker.arrayinamatrix.xyz/" class="btn">Docker<sup>⨳</sup></a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Applications</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="https://docker.arrayinamatrix.xyz/" class="btn"
|
||||
>Docker<sup>⨳</sup></a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,35 +1,44 @@
|
|||
<!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>Cbox</title>
|
||||
<link rel="stylesheet" href="../../../style/style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<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>Cbox</title>
|
||||
<link rel="stylesheet" href="../../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Cbox</h1>
|
||||
<h2 class="project-tagline">Anonymous real-time live chat app.</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Cbox</h1>
|
||||
<h2 class="project-tagline">Anonymous real-time live chat app.</h2>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Applications</a>
|
||||
<a href="../privacy/#cbox" class="btn">Privacy Policy</a>
|
||||
</header>
|
||||
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Applications</a>
|
||||
<a href="../privacy/#cbox" class="btn">Privacy Policy</a>
|
||||
</header>
|
||||
<main id="content" class="main-content" role="main">
|
||||
<iframe
|
||||
src="https://www3.cbox.ws/box/?boxid=3515749&boxtag=EAcksW"
|
||||
width="100%"
|
||||
height="450"
|
||||
allowtransparency="yes"
|
||||
allow="autoplay"
|
||||
frameborder="0"
|
||||
marginheight="0"
|
||||
marginwidth="0"
|
||||
scrolling="auto"
|
||||
></iframe>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
|
||||
<iframe src="https://www3.cbox.ws/box/?boxid=3515749&boxtag=EAcksW" width="100%" height="450"
|
||||
allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0"
|
||||
scrolling="auto"></iframe>
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,120 +1,137 @@
|
|||
<!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>Apps and Services</title>
|
||||
<link rel="stylesheet" href="../../style/style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<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>Apps and Services</title>
|
||||
<link rel="stylesheet" href="../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Applications and Services</h1>
|
||||
<h2 class="project-tagline">
|
||||
Apps and services hosted on this domain. <br />
|
||||
(Written by actual developers.)
|
||||
</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Applications and Services</h1>
|
||||
<h2 class="project-tagline">Apps and services hosted on this domain. <br> (Written by actual developers.)
|
||||
</h2>
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</header>
|
||||
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</header>
|
||||
<main id="content" class="main-content" role="main">
|
||||
<p>
|
||||
<strong>Note:</strong> Chat and social applications have been moved to
|
||||
<a href="https://chatinamatrix.xyz">chatinamatrix.xyz</a>.
|
||||
</p>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<section id="matrix">
|
||||
<h3><a href="./matrix/">Matrix homeserver</a></h3>
|
||||
<code>
|
||||
A decentralized End-to-End encrypted and federated chat server. Matrix
|
||||
web clients can be found <a href="https://chatinamatrix.xyz">here</a>.
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<p><Strong>Note:</Strong> Chat and social applications have been moved to <a href="https://chatinamatrix.xyz">chatinamatrix.xyz</a>.</p>
|
||||
<br />
|
||||
|
||||
<section id="matrix">
|
||||
<h3><a href="./matrix/">Matrix homeserver</a></h3>
|
||||
<code>
|
||||
A decentralized End-to-End encrypted and federated chat server. Matrix web clients can be found <a href="https://chatinamatrix.xyz">here</a>.
|
||||
</code>
|
||||
</section>
|
||||
<section id="cbox">
|
||||
<h3>
|
||||
<a href="./cbox/">Cbox<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
Anonymous real-time live chat app. Come leave a quick message!
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="cbox">
|
||||
<h3><a href="./cbox/">Cbox<sup>⨳</sup></a></h3>
|
||||
<code>
|
||||
Anonymous real-time live chat app. Come leave a quick message!
|
||||
</code>
|
||||
</section>
|
||||
<section id="gemini">
|
||||
<h3><a href="gemini://arrayinamatrix.xyz/">Gemini capsule</a></h3>
|
||||
<code>
|
||||
This is my Gemini capsule, you can learn more about it
|
||||
<a href="https://bloginamatrix.xyz/gemini-capsule/">here</a>.
|
||||
(Requires Gemini compatible browser.)
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="gemini">
|
||||
<h3><a href="gemini://arrayinamatrix.xyz/">Gemini capsule</a></h3>
|
||||
<code>
|
||||
This is my Gemini capsule, you can learn more about it <a
|
||||
href="https://bloginamatrix.xyz/gemini-capsule/">here</a>. (Requires Gemini compatible browser.)
|
||||
</code>
|
||||
</section>
|
||||
<section id="wiki">
|
||||
<h3>
|
||||
<a href="https://wiki.arrayinamatrix.xyz"
|
||||
>Wiki archives<sup>⨳</sup></a
|
||||
>
|
||||
</h3>
|
||||
<code>
|
||||
Wiki mirrors hosted using <a href="https://kiwix.org">Kiwix</a>. Come
|
||||
browse Wikipedia, the Arch wiki and more!
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="wiki">
|
||||
<h3><a href="https://wiki.arrayinamatrix.xyz">Wiki archives<sup>⨳</sup></a></h3>
|
||||
<code>
|
||||
Wiki mirrors hosted using <a href="https://kiwix.org">Kiwix</a>. Come browse Wikipedia, the Arch wiki and more!
|
||||
</code>
|
||||
</section>
|
||||
<section id="tor">
|
||||
<h3><a href="./tor/">Tor hidden services</a></h3>
|
||||
<code>
|
||||
List of all of my Tor hidden services. Use Tor to bypass censorship!
|
||||
(Requires Tor compatible browser.)
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="tor">
|
||||
<h3><a href="./tor/">Tor hidden services</a></h3>
|
||||
<code>
|
||||
List of all of my Tor hidden services. Use Tor to bypass censorship! (Requires Tor compatible browser.)
|
||||
</code>
|
||||
</section>
|
||||
<section id="git">
|
||||
<h3>
|
||||
<a href="https://git.arrayinamatrix.xyz">Gitea<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
Lightweight open sourced code hosting. (GitHub replacement!)
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="git">
|
||||
<h3><a href="https://git.arrayinamatrix.xyz">Gitea<sup>⨳</sup></a></h3>
|
||||
<code>
|
||||
Lightweight open sourced code hosting. (GitHub replacement!)
|
||||
</code>
|
||||
</section>
|
||||
<section id="share">
|
||||
<h3>
|
||||
<a href="https://share.arrayinamatrix.xyz">Share<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
Lightweight and minimal temporary file sharing. You can share files
|
||||
using the browser or directly from the terminal!
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
<hr />
|
||||
<br />
|
||||
|
||||
<section id="share">
|
||||
<h3><a href="https://share.arrayinamatrix.xyz">Share<sup>⨳</sup></a></h3>
|
||||
<code>
|
||||
Lightweight and minimal temporary file sharing. You can share files using the browser or directly from the terminal!
|
||||
</code>
|
||||
</section>
|
||||
<section id="privacy">
|
||||
<h3><a href="./privacy/">Privacy Policy</a></h3>
|
||||
<code> Privacy policy of this website and its related services. </code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="privacy">
|
||||
<h3><a href="./privacy/">Privacy Policy</a></h3>
|
||||
<code>
|
||||
Privacy policy of this website and its related services.
|
||||
</code>
|
||||
</section>
|
||||
<section id="admin">
|
||||
<h3><a href="./admin/">Administration tools</a></h3>
|
||||
<code> Server statistics and management tools. </code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
|
||||
<section id="admin">
|
||||
<h3><a href="./admin/">Administration tools</a></h3>
|
||||
<code>
|
||||
Server statistics and management tools.
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<!-- <section id="#">
|
||||
<!-- <section id="#">
|
||||
<h3><a href="#">Clickable title</a></h3>
|
||||
<code>
|
||||
Description here.
|
||||
</code></section> -->
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,67 +1,97 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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>Privacy Policy</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" />
|
||||
</head>
|
||||
<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"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Privacy Policy</h1>
|
||||
<h2 class="project-tagline">The Right to Privacy.</h2>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Services</a>
|
||||
<h1 class="project-name">Privacy Policy</h1>
|
||||
<h2 class="project-tagline">The Right to Privacy.</h2>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Services</a>
|
||||
</header>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<h3>Privacy Policy</h3>
|
||||
<section id="website">
|
||||
<h3><a href="https://arrayinamatrix.xyz">arrayinamatrix.xyz</a> & <a
|
||||
href="https://bloginamatrix.xyz">bloginamatrix.xyz</a></h3>
|
||||
<h5>last updated: 22/11/2022</h5>
|
||||
<code>
|
||||
We do not collect any personal data or any information that can be used to identify you. IP addresses are logged for a maximum of one day. If you want your IP address removed from the <a href="../../projects/ip-grabber/">IP Grabber</a>, just <a href="#contact"> contact us</a> and we will purge the list. We record server analytics and statistics such as generic system information (CPU, memory usage, etc.). Pages that require some client side JavaScript code are denoted by the smash product symbol "⨳", external websites are not included.
|
||||
<h3>Privacy Policy</h3>
|
||||
<section id="website">
|
||||
<h3>
|
||||
<a href="https://arrayinamatrix.xyz">arrayinamatrix.xyz</a> &
|
||||
<a href="https://bloginamatrix.xyz">bloginamatrix.xyz</a>
|
||||
</h3>
|
||||
<h5>last updated: 22/11/2022</h5>
|
||||
<code>
|
||||
We do not collect any personal data or any information that can be
|
||||
used to identify you. IP addresses are logged for a maximum of one
|
||||
day. If you want your IP address removed from the
|
||||
<a href="../../projects/ip-grabber/">IP Grabber</a>, just
|
||||
<a href="#contact"> contact us</a> and we will purge the list. We
|
||||
record server analytics and statistics such as generic system
|
||||
information (CPU, memory usage, etc.). Pages that require some client
|
||||
side JavaScript code are denoted by the smash product symbol "⨳",
|
||||
external websites are not included.
|
||||
</code>
|
||||
</section>
|
||||
<br>
|
||||
<br>
|
||||
<section id="matrix">
|
||||
<h3><a href="https://chatinamatrix.xyz">chatinamatrix.xyz</a></h3>
|
||||
<h5>last updated: 22/11/2022</h5>
|
||||
<code>
|
||||
Server analytics and statistics are only used to improve and monitor the health of the Dendrite server. We use Google's ReCAPTCHA to reduce automated spam bots. Access logs (include Matrix federation) are purged daily. We only require a password and username to register on our Dendrite chat server, all other data (email address, phone number, etc.) are optional. Messages deleted from this homeserver will not, and can not, guarantee their removal from federated homeservers. <strong>Anyone, including server admins, can see all unencrypted data!</strong>
|
||||
<br>
|
||||
<br>
|
||||
Rules for our matrix homeserver can be found <a href="../../apps/matrix/#rules">here</a>.
|
||||
</section>
|
||||
<br />
|
||||
<br />
|
||||
<section id="matrix">
|
||||
<h3><a href="https://chatinamatrix.xyz">chatinamatrix.xyz</a></h3>
|
||||
<h5>last updated: 22/11/2022</h5>
|
||||
<code>
|
||||
Server analytics and statistics are only used to improve and monitor
|
||||
the health of the Dendrite server. We use Google's ReCAPTCHA to reduce
|
||||
automated spam bots. Access logs (include Matrix federation) are
|
||||
purged daily. We only require a password and username to register on
|
||||
our Dendrite chat server, all other data (email address, phone number,
|
||||
etc.) are optional. Messages deleted from this homeserver will not,
|
||||
and can not, guarantee their removal from federated homeservers.
|
||||
<strong
|
||||
>Anyone, including server admins, can see all unencrypted
|
||||
data!</strong
|
||||
>
|
||||
<br />
|
||||
<br />
|
||||
Rules for our matrix homeserver can be found
|
||||
<a href="../../apps/matrix/#rules">here</a>.
|
||||
</code>
|
||||
</section>
|
||||
<br>
|
||||
<br>
|
||||
<section id="note">
|
||||
<h3>Note:</h3>
|
||||
<h5>last updated: 22/11/2022</h5>
|
||||
<code>
|
||||
We may update or change our privacy policy without warning. All of our services are provided on a <strong>As-Is</strong> basis without any warranties. We will <strong>NOT</strong> notify you of any changes to the privacy policy.
|
||||
</code>
|
||||
</section>
|
||||
<br>
|
||||
<br>
|
||||
<section id="contact">
|
||||
For additional information or support please email us at
|
||||
<a href="mailto:tensor@arrayinamatrix.xyz">tensor@arrayinamatrix.xyz</a>
|
||||
or message us on one of these <a href="../../socials/">platforms</a>.
|
||||
</section>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</section>
|
||||
<br />
|
||||
<br />
|
||||
<section id="note">
|
||||
<h3>Note:</h3>
|
||||
<h5>last updated: 22/11/2022</h5>
|
||||
<code>
|
||||
We may update or change our privacy policy without warning. All of our
|
||||
services are provided on a <strong>As-Is</strong> basis without any
|
||||
warranties. We will <strong>NOT</strong> notify you of any changes to
|
||||
the privacy policy.
|
||||
</code>
|
||||
</section>
|
||||
<br />
|
||||
<br />
|
||||
<section id="contact">
|
||||
For additional information or support please email us at
|
||||
<a href="mailto:tensor@arrayinamatrix.xyz">tensor@arrayinamatrix.xyz</a>
|
||||
or message us on one of these <a href="../../socials/">platforms</a>.
|
||||
</section>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,88 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Tor</title>
|
||||
<link rel="stylesheet" href="../../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Tor Hidden Services</h1>
|
||||
<h2 class="project-tagline">These are my dark/deep websites.</h2>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Services</a>
|
||||
<h1 class="project-name">Tor Hidden Services</h1>
|
||||
<h2 class="project-tagline">These are my dark/deep websites.</h2>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Services</a>
|
||||
</header>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<section id="array">
|
||||
<h3><a href="http://7o6hlu5tkjsi6z7thygpgqpc7pvb2qamjtaxkvceezcpj236stq25vqd.onion">arrayinamatrix.xyz</a>
|
||||
</h3>
|
||||
<code>
|
||||
7o6hlu5tkjsi6z7thygpgqpc7pvb2qamjtaxkvceezcpj236stq25vqd.onion
|
||||
</code>
|
||||
</section>
|
||||
<section id="array">
|
||||
<h3>
|
||||
<a
|
||||
href="http://7o6hlu5tkjsi6z7thygpgqpc7pvb2qamjtaxkvceezcpj236stq25vqd.onion"
|
||||
>arrayinamatrix.xyz</a
|
||||
>
|
||||
</h3>
|
||||
<code>
|
||||
7o6hlu5tkjsi6z7thygpgqpc7pvb2qamjtaxkvceezcpj236stq25vqd.onion
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="git">
|
||||
<h3>
|
||||
<a href="http://srr5udc7cotv4qbwiwcbatj3yciq2doorz4llmgoie7nfnwsgxy2ivid.onion">git.arrayinamatrix.xyz</a>
|
||||
</h3>
|
||||
<code>
|
||||
srr5udc7cotv4qbwiwcbatj3yciq2doorz4llmgoie7nfnwsgxy2ivid.onion
|
||||
</code>
|
||||
</section>
|
||||
<section id="git">
|
||||
<h3>
|
||||
<a
|
||||
href="http://srr5udc7cotv4qbwiwcbatj3yciq2doorz4llmgoie7nfnwsgxy2ivid.onion"
|
||||
>git.arrayinamatrix.xyz</a
|
||||
>
|
||||
</h3>
|
||||
<code>
|
||||
srr5udc7cotv4qbwiwcbatj3yciq2doorz4llmgoie7nfnwsgxy2ivid.onion
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="wiki">
|
||||
<h3>
|
||||
<a href="http://wqram5hvegtb7ib72y73paou2jkzn7iqqrb2tp5eadckbjm6ekrwucqd.onion">wiki.arrayinamatrix.xyz</a>
|
||||
</h3>
|
||||
<code>
|
||||
wqram5hvegtb7ib72y73paou2jkzn7iqqrb2tp5eadckbjm6ekrwucqd.onion
|
||||
</code>
|
||||
</section>
|
||||
<section id="wiki">
|
||||
<h3>
|
||||
<a
|
||||
href="http://wqram5hvegtb7ib72y73paou2jkzn7iqqrb2tp5eadckbjm6ekrwucqd.onion"
|
||||
>wiki.arrayinamatrix.xyz</a
|
||||
>
|
||||
</h3>
|
||||
<code>
|
||||
wqram5hvegtb7ib72y73paou2jkzn7iqqrb2tp5eadckbjm6ekrwucqd.onion
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="blog">
|
||||
<h3>
|
||||
<a href="http://xyfrg77bbix6ksxs62rausbyvjluwqhh5o3defg5hz4uketxpfqcneyd.onion">bloginamatrix.xyz</a>
|
||||
</h3>
|
||||
<code>
|
||||
xyfrg77bbix6ksxs62rausbyvjluwqhh5o3defg5hz4uketxpfqcneyd.onion
|
||||
</code>
|
||||
</section>
|
||||
<section id="blog">
|
||||
<h3>
|
||||
<a
|
||||
href="http://xyfrg77bbix6ksxs62rausbyvjluwqhh5o3defg5hz4uketxpfqcneyd.onion"
|
||||
>bloginamatrix.xyz</a
|
||||
>
|
||||
</h3>
|
||||
<code>
|
||||
xyfrg77bbix6ksxs62rausbyvjluwqhh5o3defg5hz4uketxpfqcneyd.onion
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="chat">
|
||||
<h3>
|
||||
<a href="http://rw3lqcaf4so66ecbpgreedaes7t2eyh2legwvjggtdnlw2fb2n3svfyd.onion">chatinamatrix.xyz</a>
|
||||
</h3>
|
||||
<code>
|
||||
rw3lqcaf4so66ecbpgreedaes7t2eyh2legwvjggtdnlw2fb2n3svfyd.onion
|
||||
</code>
|
||||
</section>
|
||||
<section id="chat">
|
||||
<h3>
|
||||
<a
|
||||
href="http://rw3lqcaf4so66ecbpgreedaes7t2eyh2legwvjggtdnlw2fb2n3svfyd.onion"
|
||||
>chatinamatrix.xyz</a
|
||||
>
|
||||
</h3>
|
||||
<code>
|
||||
rw3lqcaf4so66ecbpgreedaes7t2eyh2legwvjggtdnlw2fb2n3svfyd.onion
|
||||
</code>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- <section id="#">
|
||||
<!-- <section id="#">
|
||||
<h3><a href="#">Clickable title</a></h3>
|
||||
<code>
|
||||
Description here.
|
||||
</code>
|
||||
</section> -->
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,141 +1,284 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Banners</title>
|
||||
<link rel="stylesheet" href="../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico">
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
|
||||
<script id="MathJax-script" async="" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
||||
</head>
|
||||
<script
|
||||
id="MathJax-script"
|
||||
async=""
|
||||
src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"
|
||||
></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Banners</h1>
|
||||
<h2 class="project-tagline">Banners I've collected from surfing the web. <br> (Gotta catch 'em all!)</h2>
|
||||
<h1 class="project-name">Banners</h1>
|
||||
<h2 class="project-tagline">
|
||||
Banners I've collected from surfing the web. <br />
|
||||
(Gotta catch 'em all!)
|
||||
</h2>
|
||||
|
||||
<a href="../../" class="btn">Home</a>
|
||||
<a href="../webrings/" class="btn">Webrings<sup>⨳</sup></a>
|
||||
<a href="../../" class="btn">Home</a>
|
||||
<a href="../webrings/" class="btn">Webrings<sup>⨳</sup></a>
|
||||
</header>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<h3><a href="#banner">What is a Banner?</a></h3>
|
||||
<section id="banner">An image or GIF that links to a site or represents a idea or belief ... anything!</section>
|
||||
<h3><a href="#banner">What is a Banner?</a></h3>
|
||||
<section id="banner">
|
||||
An image or GIF that links to a site or represents a idea or belief ...
|
||||
anything!
|
||||
</section>
|
||||
|
||||
<hr>
|
||||
<hr />
|
||||
|
||||
<section id="banners">
|
||||
<h3>Banners:</h3>
|
||||
<div class="grid">
|
||||
<a class="grid-item zoom" href="https://brave.com"><img src="../../res/site/banners/brave.png"></a>
|
||||
<a class="grid-item zoom" href="https://getfirefox.com"><img src="../../res/site/banners/firefox_2.gif"></a>
|
||||
<a class="grid-item zoom" href="https://jlehr.neocities.org"><img src="../../res/site/banners/jlehr.gif"></a>
|
||||
<a class="grid-item zoom" href="https://neovim.io/"><img src="../../res/site/banners/vim.gif"></a>
|
||||
<a class="grid-item zoom" href="https://sadgrl.online/"><img src="../../res/site/banners/nft.gif"></a>
|
||||
<a class="grid-item zoom" href="https://thepiratebay.org/"><img src="../../res/site/banners/piracy.gif"></a>
|
||||
<a class="grid-item zoom" href="https://tilde.club"><img src="../../res/site/banners/tildeclub.gif"></a>
|
||||
<a class="grid-item zoom" href="https://ubuntu.com/"><img src="../../res/site/banners/ubuntu.gif"></a>
|
||||
<a class="grid-item zoom" href="https://www.7-zip.org/"><img src="../../res/site/banners/7zip.gif"></a>
|
||||
<a class="grid-item zoom" href="https://www.mozilla.org/en-CA/firefox/products/"><img src="../../res/site/banners/firefox.gif"></a>
|
||||
<a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"><img src="../../res/site/banners/noweb3_1.gif"></a>
|
||||
<a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"><img src="../../res/site/banners/noweb3_2.gif"></a>
|
||||
<a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"><img src="../../res/site/banners/noweb3_3.gif"></a>
|
||||
<img class="grid-item zoom" src="../../res/site/banners/1080p.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/2000.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/800x600.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/amd_powered.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/aniquake.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/anybrowser.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/bvwac.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/evil.webp">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/firefox_badge.png">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/freencool.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/free_palestine.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/freespeech.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/Get_IE_Button.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/gnu-linux.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/google.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/graphicdesign.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/handcode-frk.jpg">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/handcode.jpg">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/hi_color.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/IDreamInHtml.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/jail.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/learn_html.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/LocalNetwork.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/madewithcss.png">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/mozilla.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/neocities.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/neocities-pink.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/netscape.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/nocookie.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/noframes.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/pacman.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/pepsi.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/right-to-repair.jpg">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/steam.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/stop_ie.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/thevoid.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/trustme.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/underconstruction.png">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/w3schools.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/wiby.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/win95.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/win98.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/winxp.gif">
|
||||
<img class="grid-item zoom" src="../../res/site/banners/www.gif">
|
||||
|
||||
<!-- <img class="grid-item zoom" src="../../res/site/banners/"> -->
|
||||
<!-- <a class="grid-item zoom" href=""><img
|
||||
<section id="banners">
|
||||
<h3>Banners:</h3>
|
||||
<div class="grid">
|
||||
<a class="grid-item zoom" href="https://brave.com"
|
||||
><img src="../../res/site/banners/brave.png"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://getfirefox.com"
|
||||
><img src="../../res/site/banners/firefox_2.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://jlehr.neocities.org"
|
||||
><img src="../../res/site/banners/jlehr.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://neovim.io/"
|
||||
><img src="../../res/site/banners/vim.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://sadgrl.online/"
|
||||
><img src="../../res/site/banners/nft.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://thepiratebay.org/"
|
||||
><img src="../../res/site/banners/piracy.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://tilde.club"
|
||||
><img src="../../res/site/banners/tildeclub.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://ubuntu.com/"
|
||||
><img src="../../res/site/banners/ubuntu.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://www.7-zip.org/"
|
||||
><img src="../../res/site/banners/7zip.gif"
|
||||
/></a>
|
||||
<a
|
||||
class="grid-item zoom"
|
||||
href="https://www.mozilla.org/en-CA/firefox/products/"
|
||||
><img src="../../res/site/banners/firefox.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"
|
||||
><img src="../../res/site/banners/noweb3_1.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"
|
||||
><img src="../../res/site/banners/noweb3_2.gif"
|
||||
/></a>
|
||||
<a class="grid-item zoom" href="https://yesterweb.org/no-to-web3/"
|
||||
><img src="../../res/site/banners/noweb3_3.gif"
|
||||
/></a>
|
||||
<img class="grid-item zoom" src="../../res/site/banners/1080p.gif" />
|
||||
<img class="grid-item zoom" src="../../res/site/banners/2000.gif" />
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/800x600.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/amd_powered.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/aniquake.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/anybrowser.gif"
|
||||
/>
|
||||
<img class="grid-item zoom" src="../../res/site/banners/bvwac.gif" />
|
||||
<img class="grid-item zoom" src="../../res/site/banners/evil.webp" />
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/firefox_badge.png"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/freencool.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/free_palestine.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/freespeech.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/Get_IE_Button.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/gnu-linux.gif"
|
||||
/>
|
||||
<img class="grid-item zoom" src="../../res/site/banners/google.gif" />
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/graphicdesign.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/handcode-frk.jpg"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/handcode.jpg"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/hi_color.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/IDreamInHtml.gif"
|
||||
/>
|
||||
<img class="grid-item zoom" src="../../res/site/banners/jail.gif" />
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/learn_html.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/LocalNetwork.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/madewithcss.png"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/mozilla.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/neocities.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/neocities-pink.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/netscape.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/nocookie.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/noframes.gif"
|
||||
/>
|
||||
<img class="grid-item zoom" src="../../res/site/banners/pacman.gif" />
|
||||
<img class="grid-item zoom" src="../../res/site/banners/pepsi.gif" />
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/right-to-repair.jpg"
|
||||
/>
|
||||
<img class="grid-item zoom" src="../../res/site/banners/steam.gif" />
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/stop_ie.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/thevoid.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/trustme.gif"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/underconstruction.png"
|
||||
/>
|
||||
<img
|
||||
class="grid-item zoom"
|
||||
src="../../res/site/banners/w3schools.gif"
|
||||
/>
|
||||
<img class="grid-item zoom" src="../../res/site/banners/wiby.gif" />
|
||||
<img class="grid-item zoom" src="../../res/site/banners/win95.gif" />
|
||||
<img class="grid-item zoom" src="../../res/site/banners/win98.gif" />
|
||||
<img class="grid-item zoom" src="../../res/site/banners/winxp.gif" />
|
||||
<img class="grid-item zoom" src="../../res/site/banners/www.gif" />
|
||||
|
||||
<!-- <img class="grid-item zoom" src="../../res/site/banners/"> -->
|
||||
<!-- <a class="grid-item zoom" href=""><img
|
||||
src="../../res/site/banners/"></a> -->
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<section id="custom">
|
||||
<h3>My banner:</h3>
|
||||
You can use these banners to link back to my site:
|
||||
<section id="custom">
|
||||
<h3>My banner:</h3>
|
||||
You can use these banners to link back to my site:
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
<div class="center">
|
||||
<a href="https://arrayinamatrix.xyz"><img src="../../res/site/banners/custom/white_88x31.png"></a>
|
||||
<a href="https://arrayinamatrix.xyz"><img src="../../res/site/banners/custom/white_176x62.png"></a>
|
||||
<a href="https://arrayinamatrix.xyz"><img src="../../res/site/banners/custom/white_264x93.png"></a>
|
||||
</div>
|
||||
<pre
|
||||
class="highlight"><code><a href="https://arrayinamatrix.xyz"><img src="https://arrayinamatrix.xyz/res/site/banners/custom/white_88x31.png"></a>
|
||||
<div class="center">
|
||||
<a href="https://arrayinamatrix.xyz"
|
||||
><img src="../../res/site/banners/custom/white_88x31.png"
|
||||
/></a>
|
||||
<a href="https://arrayinamatrix.xyz"
|
||||
><img src="../../res/site/banners/custom/white_176x62.png"
|
||||
/></a>
|
||||
<a href="https://arrayinamatrix.xyz"
|
||||
><img src="../../res/site/banners/custom/white_264x93.png"
|
||||
/></a>
|
||||
</div>
|
||||
<pre
|
||||
class="highlight"
|
||||
><code><a href="https://arrayinamatrix.xyz"><img src="https://arrayinamatrix.xyz/res/site/banners/custom/white_88x31.png"></a>
|
||||
<a href="https://arrayinamatrix.xyz"><img src="https://arrayinamatrix.xyz/res/site/banners/custom/white_176x62.png"></a>
|
||||
<a href="https://arrayinamatrix.xyz"><img src="https://arrayinamatrix.xyz/res/site/banners/custom/white_264x93.png"></a></code></pre>
|
||||
<br>
|
||||
<div class="center">
|
||||
<a href="https://arrayinamatrix.xyz"><img src="../../res/site/banners/custom/black_88x31.gif"></a>
|
||||
<a href="https://arrayinamatrix.xyz"><img src="../../res/site/banners/custom/black_176x62.gif"></a>
|
||||
<a href="https://arrayinamatrix.xyz"><img src="../../res/site/banners/custom/black_264x93.gif"></a>
|
||||
</div>
|
||||
<pre
|
||||
class="highlight"><code><a href="https://arrayinamatrix.xyz"><img src="https://arrayinamatrix.xyz/res/site/banners/custom/black_88x31.gif"></a>
|
||||
<br />
|
||||
<div class="center">
|
||||
<a href="https://arrayinamatrix.xyz"
|
||||
><img src="../../res/site/banners/custom/black_88x31.gif"
|
||||
/></a>
|
||||
<a href="https://arrayinamatrix.xyz"
|
||||
><img src="../../res/site/banners/custom/black_176x62.gif"
|
||||
/></a>
|
||||
<a href="https://arrayinamatrix.xyz"
|
||||
><img src="../../res/site/banners/custom/black_264x93.gif"
|
||||
/></a>
|
||||
</div>
|
||||
<pre
|
||||
class="highlight"
|
||||
><code><a href="https://arrayinamatrix.xyz"><img src="https://arrayinamatrix.xyz/res/site/banners/custom/black_88x31.gif"></a>
|
||||
<a href="https://arrayinamatrix.xyz"><img src="https://arrayinamatrix.xyz/res/site/banners/custom/black_176x62.gif"></a>
|
||||
<a href="https://arrayinamatrix.xyz"><img src="https://arrayinamatrix.xyz/res/site/banners/custom/black_264x93.gif"></a></code></pre>
|
||||
|
||||
<br>
|
||||
<br />
|
||||
|
||||
Using <a href="https://www.mathjax.org/#gettingstarted">MathJax</a>:
|
||||
<a href="https://arrayinamatrix.xyz/">
|
||||
<div>
|
||||
\begin{bmatrix}
|
||||
\\
|
||||
& Array & in & a & Matrix & \\
|
||||
\\
|
||||
\end{bmatrix}
|
||||
</div>
|
||||
</a>
|
||||
<br>
|
||||
<pre class="highlight"><code><script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
|
||||
Using <a href="https://www.mathjax.org/#gettingstarted">MathJax</a>:
|
||||
<a href="https://arrayinamatrix.xyz/">
|
||||
<div>
|
||||
\begin{bmatrix} \\ & Array & in & a & Matrix & \\ \\ \end{bmatrix}
|
||||
</div>
|
||||
</a>
|
||||
<br />
|
||||
<pre
|
||||
class="highlight"
|
||||
><code><script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
|
||||
<script id="MathJax-script" async="" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
||||
<a href="https://arrayinamatrix.xyz/">
|
||||
<div>
|
||||
|
@ -146,12 +289,11 @@
|
|||
\end{bmatrix}
|
||||
</div>
|
||||
</a></code></pre>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,13 +1,12 @@
|
|||
function saveCanvas() {
|
||||
saveCanvasButton.download = "image.png";
|
||||
saveCanvasButton.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
|
||||
saveCanvasButton.href = canvas
|
||||
.toDataURL("image/png")
|
||||
.replace("image/png", "image/octet-stream");
|
||||
}
|
||||
|
||||
function goFullScreen() {
|
||||
if (canvas.requestFullScreen)
|
||||
canvas.requestFullScreen();
|
||||
else if (canvas.webkitRequestFullScreen)
|
||||
canvas.webkitRequestFullScreen();
|
||||
else if (canvas.mozRequestFullScreen)
|
||||
canvas.mozRequestFullScreen();
|
||||
}
|
||||
if (canvas.requestFullScreen) canvas.requestFullScreen();
|
||||
else if (canvas.webkitRequestFullScreen) canvas.webkitRequestFullScreen();
|
||||
else if (canvas.mozRequestFullScreen) canvas.mozRequestFullScreen();
|
||||
}
|
||||
|
|
File diff suppressed because it is too large
Load diff
|
@ -1,67 +1,67 @@
|
|||
#controls {
|
||||
position: relative;
|
||||
margin-bottom: 2.5em;
|
||||
position: relative;
|
||||
margin-bottom: 2.5em;
|
||||
}
|
||||
|
||||
#canvas {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
margin-bottom: 0.5em;
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
margin-bottom: 0.5em;
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
#fullScreenButton {
|
||||
position: absolute;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
bottom: 3rem;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
bottom: 3rem;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
#fullScreenButton {
|
||||
visibility: visible;
|
||||
opacity: 0;
|
||||
}
|
||||
#fullScreenButton {
|
||||
visibility: visible;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#saveCanvasButton {
|
||||
visibility: hidden;
|
||||
}
|
||||
#saveCanvasButton {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
#resetButton {
|
||||
position: absolute;
|
||||
left: 0em;
|
||||
position: absolute;
|
||||
left: 0em;
|
||||
}
|
||||
|
||||
#saveCanvasButton {
|
||||
position: absolute;
|
||||
right: 0.1em;
|
||||
visibility: visible;
|
||||
position: absolute;
|
||||
right: 0.1em;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.container {
|
||||
width: 750px;
|
||||
}
|
||||
.container {
|
||||
width: 750px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.container {
|
||||
width: 970px;
|
||||
}
|
||||
.container {
|
||||
width: 970px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.container {
|
||||
width: 1170px;
|
||||
}
|
||||
}
|
||||
.container {
|
||||
width: 1170px;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,67 +1,81 @@
|
|||
<!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>Games</title>
|
||||
<link rel="stylesheet" href="../../style/style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<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>Games</title>
|
||||
<link rel="stylesheet" href="../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Games</h1>
|
||||
<h2 class="project-tagline">
|
||||
Games I programmed or implemented. <br />
|
||||
(Warning: They suck.)
|
||||
</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Games</h1>
|
||||
<h2 class="project-tagline">Games I programmed or implemented. <br> (Warning: They suck.)</h2>
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</header>
|
||||
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</header>
|
||||
<main id="content" class="main-content" role="main">
|
||||
<section id="rps">
|
||||
<h3>
|
||||
<a href="./rps/">Rock Paper Scissors 🪨📄✂️<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
The first game I ever made! I wrote this when I first began learning
|
||||
Javascript, to be specific I wrote the logic during that time. The
|
||||
game was only playable through the terminal, now its fairly portable
|
||||
and can be integrated into anything.
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<br />
|
||||
|
||||
<section id="es">
|
||||
<h3>
|
||||
<a href="./eternal-space/web">Eternal Space<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
Currently only playable on a pc, I haven't tried figuring out how to
|
||||
scale down the game lol. I participated in the Opera GX + GameMaker
|
||||
game jam and created this monstrosity. The game jam was alien themed,
|
||||
however I never got that far. Before taking part in this game jam I
|
||||
have never programmed an actual game nor have been in a game jam. I
|
||||
learned how to program in GameMaker Language (basically Javascript)
|
||||
during the event.
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<section id="rps">
|
||||
<h3><a href="./rps/">Rock Paper Scissors 🪨📄✂️<sup>⨳</sup></a></h3>
|
||||
<code>
|
||||
The first game I ever made! I wrote this when I first began learning Javascript, to be specific I wrote the logic
|
||||
during that time. The game was only playable through the terminal, now its fairly portable and can be integrated
|
||||
into anything.
|
||||
</code>
|
||||
</section>
|
||||
<br />
|
||||
|
||||
<br>
|
||||
<section id="fractal">
|
||||
<h3>
|
||||
<a href="./fractal/">Fractal<sup>⨳</sup></a>
|
||||
</h3>
|
||||
<code>
|
||||
Interactive Javascript real-time fractal renderer using XaoS.js. Works
|
||||
best on a PC.
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<section id="es">
|
||||
<h3><a href="./eternal-space/web">Eternal Space<sup>⨳</sup></a></h3>
|
||||
<code>
|
||||
Currently only playable on a pc, I haven't tried figuring out how to scale down the game lol. I participated in
|
||||
the Opera GX + GameMaker game jam and created this monstrosity. The game jam was alien themed, however I never got
|
||||
that far. Before taking part in this game jam I have never programmed an actual game nor have been in a game jam.
|
||||
I learned how to program in GameMaker Language (basically Javascript) during the event.
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
|
||||
<section id="fractal">
|
||||
<h3><a href="./fractal/">Fractal<sup>⨳</sup></a></h3>
|
||||
<code>
|
||||
Interactive Javascript real-time fractal renderer using XaoS.js. Works best on a PC.
|
||||
</code>
|
||||
</section>
|
||||
|
||||
<!-- <section id="#">
|
||||
<!-- <section id="#">
|
||||
<h3><a href="#">title</a></h3>
|
||||
<code>
|
||||
Description
|
||||
</code>
|
||||
</section> -->
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,49 +1,51 @@
|
|||
<!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>Rock Paper Scissors</title>
|
||||
<link rel="stylesheet" href="../../../style/style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<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>Rock Paper Scissors</title>
|
||||
<link rel="stylesheet" href="../../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Rock Paper Scissors</h1>
|
||||
<h2 class="project-tagline">Made using Javascript.</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Rock Paper Scissors</h1>
|
||||
<h2 class="project-tagline">Made using Javascript.</h2>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Games</a>
|
||||
</header>
|
||||
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Games</a>
|
||||
</header>
|
||||
<main id="content" class="main-content" role="main">
|
||||
<section class="game">
|
||||
<div id="gameScore">
|
||||
<p><span id="scorePlayer"></span> <span id="scoreCPU"></span></p>
|
||||
<p><span id="round"></span></p>
|
||||
</div>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<section class="game">
|
||||
<div id="gameScore">
|
||||
<p><span id="scorePlayer"></span> <span id="scoreCPU"></span></p>
|
||||
<p><span id="round"></span></p>
|
||||
</div>
|
||||
<div>
|
||||
<script src="./script/script.js"></script>
|
||||
<button class="btn gameButton" onclick="play('rock')">🪨</button>
|
||||
<button class="btn gameButton" onclick="play('paper')">📄</button>
|
||||
<button class="btn gameButton" onclick="play('scissors')">✂️</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<script src="./script/script.js"></script>
|
||||
<button class="btn gameButton" onclick="play('rock')">🪨</button>
|
||||
<button class="btn gameButton" onclick="play('paper')">📄</button>
|
||||
<button class="btn gameButton" onclick="play('scissors')">✂️</button>
|
||||
</div>
|
||||
|
||||
<div id="evaluation">
|
||||
<p id="choice">
|
||||
<span id="choicePlayer"></span> <span id="choiceCPU"></span>
|
||||
</p>
|
||||
<p><strong id="gameWinner"> </strong></p>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<div id="evaluation">
|
||||
<p id="choice">
|
||||
<span id="choicePlayer"></span> <span id="choiceCPU"></span>
|
||||
</p>
|
||||
<p><strong id="gameWinner"> </strong></p>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -90,4 +90,4 @@ function playGame() {
|
|||
function play(input) {
|
||||
getUserChoice(input);
|
||||
playGame();
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,116 +1,116 @@
|
|||
<!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>My Projects</title>
|
||||
<link rel="stylesheet" href="../../style/style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<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>My Projects</title>
|
||||
<link rel="stylesheet" href="../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">My Projects</h1>
|
||||
<h2 class="project-tagline">
|
||||
Programs and apps that I have coded and random ideas that I fabricated.
|
||||
</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">My Projects</h1>
|
||||
<h2 class="project-tagline">Programs and apps that I have coded and random ideas that I fabricated.</h2>
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</header>
|
||||
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</header>
|
||||
<main id="content" class="main-content" role="main">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Project</th>
|
||||
<th>Description</th>
|
||||
<th>Link (local)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Dark New Roman</td>
|
||||
<td>A custom serif font based off of Times New Roman.</td>
|
||||
<td>
|
||||
<a href="../../res/downloads/DarkNewRoman.ttf"
|
||||
>Download font (truetype 28.9 KiB)</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IP address gabber</td>
|
||||
<td>Grabs your IPv4 (Internet Protocol) Address.</td>
|
||||
<td>
|
||||
<a href="./ip-grabber/">ip-grabber<sup>⨳</sup></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Number System Converter (web)</td>
|
||||
<td>Converts decimal numbers into other bases!</td>
|
||||
<td>
|
||||
<a href="./nsc-web/">nsc-web<sup>⨳</sup></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Project</th>
|
||||
<th>Description</th>
|
||||
<th>Link (local)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Dark New Roman</td>
|
||||
<td>
|
||||
A custom serif font based off of Times New Roman.
|
||||
</td>
|
||||
<td>
|
||||
<a href="../../res/downloads/DarkNewRoman.ttf">Download font (truetype 28.9 KiB)</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IP address gabber</td>
|
||||
<td>
|
||||
Grabs your IPv4 (Internet Protocol) Address.
|
||||
</td>
|
||||
<td>
|
||||
<a href="./ip-grabber/">ip-grabber<sup>⨳</sup></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Number System Converter (web)</td>
|
||||
<td>
|
||||
Converts decimal numbers into other bases!
|
||||
</td>
|
||||
<td>
|
||||
<a href="./nsc-web/">nsc-web<sup>⨳</sup></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Project</th>
|
||||
<th>Description</th>
|
||||
<th>Link (external)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Firefox black & red triangle theme</td>
|
||||
<td>A red and black theme for firefox tabs.</td>
|
||||
<td>
|
||||
<a
|
||||
href="https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme"
|
||||
>https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme/</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RGB Progress Bar</td>
|
||||
<td>Makes progress bars cycle through different RGB colors.</td>
|
||||
<td>
|
||||
<a href="https://addons.mozilla.org/addon/rgb-progress-bar/"
|
||||
>https://addons.mozilla.org/addon/rgb-progress-bar/</a
|
||||
>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Project</th>
|
||||
<th>Description</th>
|
||||
<th>Link (external)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Firefox black & red triangle theme</td>
|
||||
<td>
|
||||
A red and black theme for firefox tabs.
|
||||
</td>
|
||||
<td>
|
||||
<a
|
||||
href="https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme">https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme/</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>RGB Progress Bar</td>
|
||||
<td>
|
||||
Makes progress bars cycle through different RGB colors.
|
||||
</td>
|
||||
<td>
|
||||
<a
|
||||
href="https://addons.mozilla.org/addon/rgb-progress-bar/">https://addons.mozilla.org/addon/rgb-progress-bar/</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Github contribution</th>
|
||||
<th>Description</th>
|
||||
<th>Repository link</th>
|
||||
<th>Language</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="userRepo">
|
||||
<script src="./script/script.js"></script>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Github contribution</th>
|
||||
<th>Description</th>
|
||||
<th>Repository link</th>
|
||||
<th>Language</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="userRepo">
|
||||
<script src="./script/script.js"></script>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<!-- <tr>
|
||||
<!-- <tr>
|
||||
<td>Project</td>
|
||||
<td>
|
||||
Description
|
||||
|
@ -120,10 +120,9 @@
|
|||
</td>
|
||||
</tr> -->
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,57 +1,72 @@
|
|||
<!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>IP Grabber</title>
|
||||
<link rel="stylesheet" href="../../../style/style.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
<style>
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<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>IP Grabber</title>
|
||||
<link rel="stylesheet" href="../../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../../res/site/icons/favicon.ico">
|
||||
<style>
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">IP Grabber</h1>
|
||||
<h2 class="project-tagline">Using Node.js.</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">IP Grabber</h1>
|
||||
<h2 class="project-tagline">Using Node.js.</h2>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Projects</a>
|
||||
</header>
|
||||
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Projects</a>
|
||||
</header>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<section id="link">
|
||||
<h3>Grab an IP with the link below!</h3>
|
||||
<p>
|
||||
<a href="http://surprise.arrayinamatrix.xyz">Grabber Link</a>
|
||||
<br>
|
||||
If the link doesn't work, please use the public IPv4 of this website with port 3030 (i.e. #.#.#.#:3030). Also make sure the link is <code>http</code> and not <code>https</code>. For some reason, using the public ip works 100% of the time and the subdomain isn't reliable, I'll figure it out soon.
|
||||
<main id="content" class="main-content" role="main">
|
||||
<section id="link">
|
||||
<h3>Grab an IP with the link below!</h3>
|
||||
<p>
|
||||
<a href="http://surprise.arrayinamatrix.xyz">Grabber Link</a>
|
||||
<br />
|
||||
If the link doesn't work, please use the public IPv4 of this website
|
||||
with port 3030 (i.e. #.#.#.#:3030). Also make sure the link is
|
||||
<code>http</code> and not <code>https</code>. For some reason, using
|
||||
the public ip works 100% of the time and the subdomain isn't reliable,
|
||||
I'll figure it out soon.
|
||||
</p>
|
||||
</section>
|
||||
<section id="logged">
|
||||
<h3>Recently Logged:</h3>
|
||||
<object
|
||||
data="../../../res/downloads/ip-addresses.log"
|
||||
type="text/plain"
|
||||
>
|
||||
<a href="../../../res/downloads/ip-addresses.log"
|
||||
>Embed not showing? Download here.</a
|
||||
>
|
||||
</object>
|
||||
</section>
|
||||
<section id="about">
|
||||
<h3>Why?</h3>
|
||||
<p>
|
||||
I never created an app that uses both server-side and frontend code,
|
||||
so this is a learning experience.
|
||||
</p>
|
||||
</section>
|
||||
<p class="align-center">
|
||||
<img
|
||||
src="../../../res/site/images/trollface.gif"
|
||||
alt="You mad bro?, Problem?"
|
||||
/>
|
||||
</p>
|
||||
</section>
|
||||
<section id="logged">
|
||||
<h3>Recently Logged:</h3>
|
||||
<object data="../../../res/downloads/ip-addresses.log" type="text/plain">
|
||||
<a href="../../../res/downloads/ip-addresses.log">Embed not showing? Download here.</a>
|
||||
</object>
|
||||
</section>
|
||||
<section id="about">
|
||||
<h3>Why?</h3>
|
||||
<p>
|
||||
I never created an app that uses both server-side and frontend code, so this is a learning experience.
|
||||
</p>
|
||||
</section>
|
||||
<p class="align-center">
|
||||
<img src="../../../res/site/images/trollface.gif" alt="You mad bro?, Problem?" />
|
||||
</p>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,54 +1,84 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Number System Converter</title>
|
||||
<link rel="stylesheet" href="../../../style/style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../../res/site/icons/favicon.ico">
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
<script src="./script/script.js"></script>
|
||||
<style>
|
||||
input {
|
||||
width: 40%;
|
||||
}
|
||||
input {
|
||||
width: 40%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Number System Converter</h1>
|
||||
<h2 class="project-tagline">Web version.</h2>
|
||||
<h1 class="project-name">Number System Converter</h1>
|
||||
<h2 class="project-tagline">Web version.</h2>
|
||||
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Projects</a>
|
||||
<a href="../../../" class="btn">Home</a>
|
||||
<a href="../" class="btn">Projects</a>
|
||||
</header>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<section>
|
||||
<h3>Enter a decimal number to convert and a base.</h3>
|
||||
<form>
|
||||
<label for="number">Number:</label><br>
|
||||
<input name="number" id="number" type="text" step="1" onChange="numberSystemConverter();">
|
||||
<br>
|
||||
<label for="base">Base (Range 2-36):</label><br>
|
||||
<input name="base" id="base" type="number" value="10" step="1" min="2" max="36"
|
||||
onChange="numberSystemConverter();">
|
||||
<br>
|
||||
<label for="new-base">New base (Range 2-36):</label><br>
|
||||
<input name="new-base" id="new-base" type="number" value="2" step="1" min="2" max="36"
|
||||
onChange="numberSystemConverter();">
|
||||
<br>
|
||||
<label for="converted">Converted number:</label><br>
|
||||
<input name="converted" id="converted" type="text" disabled="true" onChange="numberSystemConverter();">
|
||||
</form>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Enter a decimal number to convert and a base.</h3>
|
||||
<form>
|
||||
<label for="number">Number:</label><br />
|
||||
<input
|
||||
name="number"
|
||||
id="number"
|
||||
type="text"
|
||||
step="1"
|
||||
onChange="numberSystemConverter();"
|
||||
/>
|
||||
<br />
|
||||
<label for="base">Base (Range 2-36):</label><br />
|
||||
<input
|
||||
name="base"
|
||||
id="base"
|
||||
type="number"
|
||||
value="10"
|
||||
step="1"
|
||||
min="2"
|
||||
max="36"
|
||||
onChange="numberSystemConverter();"
|
||||
/>
|
||||
<br />
|
||||
<label for="new-base">New base (Range 2-36):</label><br />
|
||||
<input
|
||||
name="new-base"
|
||||
id="new-base"
|
||||
type="number"
|
||||
value="2"
|
||||
step="1"
|
||||
min="2"
|
||||
max="36"
|
||||
onChange="numberSystemConverter();"
|
||||
/>
|
||||
<br />
|
||||
<label for="converted">Converted number:</label><br />
|
||||
<input
|
||||
name="converted"
|
||||
id="converted"
|
||||
type="text"
|
||||
disabled="true"
|
||||
onChange="numberSystemConverter();"
|
||||
/>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,22 +1,19 @@
|
|||
numberSystemConverter();
|
||||
function numberSystemConverter() {
|
||||
let num = document.getElementById("number").value;
|
||||
let base = document.getElementById("base").value;
|
||||
let new_base = document.getElementById("new-base").value;
|
||||
|
||||
let num = document.getElementById('number').value;
|
||||
let base = document.getElementById('base').value;
|
||||
let new_base = document.getElementById('new-base').value;
|
||||
base = parseInt(base);
|
||||
new_base = parseInt(new_base);
|
||||
|
||||
base = parseInt(base);
|
||||
new_base = parseInt(new_base);
|
||||
try {
|
||||
let dec_num = parseInt(num, base);
|
||||
let new_num = dec_num.toString(new_base);
|
||||
|
||||
try {
|
||||
|
||||
let dec_num = parseInt(num, base);
|
||||
let new_num = dec_num.toString(new_base);
|
||||
|
||||
document.getElementById('converted').value = new_num;
|
||||
console.log(`BASE ${base}: ${num} ==> BASE ${new_base}: ${new_num}`);
|
||||
|
||||
} catch (RangeError) {
|
||||
console.log(`One or more bases is not in the range of 2 to 36.`);
|
||||
}
|
||||
};
|
||||
document.getElementById("converted").value = new_num;
|
||||
console.log(`BASE ${base}: ${num} ==> BASE ${new_base}: ${new_num}`);
|
||||
} catch (RangeError) {
|
||||
console.log(`One or more bases is not in the range of 2 to 36.`);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -35,4 +35,4 @@ function requestUserRepos() {
|
|||
}
|
||||
};
|
||||
xhr.send();
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,43 +1,61 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Socials</title>
|
||||
<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="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="stylesheet" type="text/css" href="../../style/alt.style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/x-icon"
|
||||
href="../../res/site/icons/favicon.ico"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name"> My Socials
|
||||
</h1>
|
||||
<h2 class=" project-tagline">You can contact me here. ∠( ᐛ 」∠)_</h2>
|
||||
<h1 class="project-name">My Socials</h1>
|
||||
<h2 class="project-tagline">You can contact me here. ∠( ᐛ 」∠)_</h2>
|
||||
</header>
|
||||
<div class="main-content">
|
||||
<nav>
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="https://github.com/array-in-a-matrix" class="btn"><i class="fa fa-github"></i> GitHub</a>
|
||||
<a href="https://git.arrayinamatrix.xyz/array-in-a-matrix" class="btn"><i class="fa fa-gitea"
|
||||
aria-hidden="true"></i> Gitea</a>
|
||||
<a href="https://gitlab.com/array.in.a.matrix" class="btn"><i class="fa fa-gitlab"></i> GitLab</a>
|
||||
<a href="https://crowdin.com/profile/array.in.a.matrix" class="btn"><i class="fa fa-question-circle"></i>
|
||||
Crowdin</a> <!-- temporary icon until a free icon for it is available in fork awesome -->
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="../apps/matrix/" class="btn"><i class="fa fa-matrix-org"></i> Matrix</a>
|
||||
<a href="https://www.instagram.com/array.in.a.matrix/" class="btn"><i class="fa fa-instagram"></i>
|
||||
Instagram</a>
|
||||
<a href="https://cadence.moe/blog/2020-06-06-why-you-shouldnt-trust-discord" class="btn"><i
|
||||
class="fa fa-discord"></i> Discord</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="../../" class="btn">Home</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="https://github.com/array-in-a-matrix" class="btn"
|
||||
><i class="fa fa-github"></i> GitHub</a
|
||||
>
|
||||
<a href="https://git.arrayinamatrix.xyz/array-in-a-matrix" class="btn"
|
||||
><i class="fa fa-gitea" aria-hidden="true"></i> Gitea</a
|
||||
>
|
||||
<a href="https://gitlab.com/array.in.a.matrix" class="btn"
|
||||
><i class="fa fa-gitlab"></i> GitLab</a
|
||||
>
|
||||
<a href="https://crowdin.com/profile/array.in.a.matrix" class="btn"
|
||||
><i class="fa fa-question-circle"></i> Crowdin</a
|
||||
>
|
||||
<!-- temporary icon until a free icon for it is available in fork awesome -->
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="../apps/matrix/" class="btn"
|
||||
><i class="fa fa-matrix-org"></i> Matrix</a
|
||||
>
|
||||
<a href="https://www.instagram.com/array.in.a.matrix/" class="btn"
|
||||
><i class="fa fa-instagram"></i> Instagram</a
|
||||
>
|
||||
<a
|
||||
href="https://cadence.moe/blog/2020-06-06-why-you-shouldnt-trust-discord"
|
||||
class="btn"
|
||||
><i class="fa fa-discord"></i> Discord</a
|
||||
>
|
||||
</nav>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,104 +1,179 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Webrings</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">
|
||||
</head>
|
||||
<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"
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Webrings</h1>
|
||||
<h2 class="project-tagline">Links to webrings I am part of.</h2>
|
||||
<h1 class="project-name">Webrings</h1>
|
||||
<h2 class="project-tagline">Links to webrings I am part of.</h2>
|
||||
|
||||
<a href="../../" class="btn">Home</a>
|
||||
<a href="../banners/" class="btn">Banners<sup>⨳</sup></a>
|
||||
<a href="../../" class="btn">Home</a>
|
||||
<a href="../banners/" class="btn">Banners<sup>⨳</sup></a>
|
||||
</header>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<h3><a href="https://wikiless.org/wiki/Webring?lang=en">What is a webring?</a></h3>
|
||||
A webring is a collection of sites that chained to each other where if you follow a link from one site and keep
|
||||
going up the ring you will eventually find the site you started from.
|
||||
<h3>
|
||||
<a href="https://wikiless.org/wiki/Webring?lang=en"
|
||||
>What is a webring?</a
|
||||
>
|
||||
</h3>
|
||||
A webring is a collection of sites that chained to each other where if you
|
||||
follow a link from one site and keep going up the ring you will eventually
|
||||
find the site you started from.
|
||||
|
||||
<br>
|
||||
<hr>
|
||||
<br>
|
||||
<br />
|
||||
<hr />
|
||||
<br />
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<div class="grid">
|
||||
<section class="grid-item zoom" id="yesterweb">
|
||||
<div
|
||||
class="yw-widget-full"
|
||||
data-yw-url="https://arrayinamatrix.xyz"
|
||||
></div>
|
||||
<script src="https://yesterweb.org/js/widget.js"></script>
|
||||
</section>
|
||||
<section
|
||||
class="grid-item zoom"
|
||||
id="retronaut"
|
||||
style="text-align: center"
|
||||
>
|
||||
Retronaut
|
||||
<br />
|
||||
<a href="https://webring.dinhe.net/prev/https://arrayinamatrix.xyz"
|
||||
>Previous</a
|
||||
>
|
||||
<a href="https://webring.dinhe.net/random">Random</a>
|
||||
<a href="https://webring.dinhe.net/next/https://arrayinamatrix.xyz"
|
||||
>Next</a
|
||||
>
|
||||
</section>
|
||||
<section
|
||||
class="grid-item zoom"
|
||||
id="hotline"
|
||||
style="text-align: center"
|
||||
>
|
||||
Hotline
|
||||
<br />
|
||||
<a href="https://hotlinewebring.club/arrayinamatrix/previous"
|
||||
>Previous</a
|
||||
>
|
||||
<a href="https://hotlinewebring.club/arrayinamatrix/next">Next</a>
|
||||
</section>
|
||||
<section class="grid-item zoom" id="tilde" style="text-align: center">
|
||||
<img
|
||||
src="http://tilde.club/~harper/webring.png"
|
||||
border="0"
|
||||
usemap="#notepad.map"
|
||||
/>
|
||||
Click for the [
|
||||
<a
|
||||
href="http://tilde.club/~harper/link.html?action=random"
|
||||
target="_top"
|
||||
>Random page</a
|
||||
>
|
||||
]
|
||||
<br />
|
||||
Want to join the ring? Click here for
|
||||
<a
|
||||
href="http://tilde.club/~harper/link.html?action=info"
|
||||
target="_top"
|
||||
>info</a
|
||||
>.
|
||||
<map name="notepad.map">
|
||||
<area
|
||||
shape="rect"
|
||||
coords="0, 0, 60, 70"
|
||||
target="_top"
|
||||
href="http://tilde.club/~harper/link.html?action=join"
|
||||
/>
|
||||
<area
|
||||
shape="rect"
|
||||
coords="130, 0, 417, 75"
|
||||
target="_top"
|
||||
href="http://tilde.club/~harper/link.html?action=random"
|
||||
/>
|
||||
<area
|
||||
shape="rect"
|
||||
coords="465, 0, 549, 75"
|
||||
target="_top"
|
||||
href="http://tilde.club/~harper/link.html?action=join"
|
||||
/>
|
||||
</map>
|
||||
</section>
|
||||
<section class="grid-item zoom" id="octoring">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="https://octo-ring.com/"
|
||||
><img
|
||||
src="https://octo-ring.com/static/img/widget/top.png"
|
||||
width="99%"
|
||||
alt="Octo Ring logo"
|
||||
align="top" /></a
|
||||
><br /><a
|
||||
href="https://octo-ring.com/p/array-in-a-matrix/prev"
|
||||
><img
|
||||
src="https://octo-ring.com/static/img/widget/prev.png"
|
||||
width="33%"
|
||||
alt="previous"
|
||||
align="top"
|
||||
title="previous profile" /></a
|
||||
><a href="https://octo-ring.com/p/array-in-a-matrix/random"
|
||||
><img
|
||||
src="https://octo-ring.com/static/img/widget/random.png"
|
||||
width="33%"
|
||||
alt="random"
|
||||
align="top"
|
||||
title="random profile" /></a
|
||||
><a href="https://octo-ring.com/p/array-in-a-matrix/next"
|
||||
><img
|
||||
src="https://octo-ring.com/static/img/widget/next.png"
|
||||
width="33%"
|
||||
alt="next"
|
||||
align="top"
|
||||
title="next profile" /></a
|
||||
><br /><a href="https://octo-ring.com/"
|
||||
><img
|
||||
src="https://octo-ring.com/static/img/widget/bottom.png"
|
||||
width="99%"
|
||||
alt="check out other GitHub profiles in the Octo Ring"
|
||||
align="top"
|
||||
/></a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
<section class="grid-item zoom" id="yesterweb">
|
||||
<div class="yw-widget-full" data-yw-url="https://arrayinamatrix.xyz"></div>
|
||||
<script src="https://yesterweb.org/js/widget.js"></script>
|
||||
</section>
|
||||
<section class="grid-item zoom" id="retronaut" style="text-align: center;">
|
||||
Retronaut
|
||||
<br>
|
||||
<a href='https://webring.dinhe.net/prev/https://arrayinamatrix.xyz'>Previous</a>
|
||||
<a href="https://webring.dinhe.net/random">Random</a>
|
||||
<a href='https://webring.dinhe.net/next/https://arrayinamatrix.xyz'>Next</a>
|
||||
</section>
|
||||
<section class="grid-item zoom" id="hotline" style="text-align: center;">
|
||||
Hotline
|
||||
<br>
|
||||
<a href='https://hotlinewebring.club/arrayinamatrix/previous'>Previous</a>
|
||||
<a href='https://hotlinewebring.club/arrayinamatrix/next'>Next</a>
|
||||
</section>
|
||||
<section class="grid-item zoom" id="tilde" style="text-align: center;">
|
||||
<img src="http://tilde.club/~harper/webring.png" border="0" usemap="#notepad.map">
|
||||
Click for the [
|
||||
<a href="http://tilde.club/~harper/link.html?action=random" target="_top">Random page</a> ]
|
||||
<br>
|
||||
Want to join the ring? Click here for
|
||||
<a href="http://tilde.club/~harper/link.html?action=info" target="_top">info</a>.
|
||||
<map name="notepad.map">
|
||||
<area shape="rect" coords="0, 0, 60, 70" target="_top"
|
||||
href="http://tilde.club/~harper/link.html?action=join">
|
||||
<area shape="rect" coords="130, 0, 417, 75" target="_top"
|
||||
href="http://tilde.club/~harper/link.html?action=random">
|
||||
<area shape="rect" coords="465, 0, 549, 75" target="_top"
|
||||
href="http://tilde.club/~harper/link.html?action=join">
|
||||
</map>
|
||||
</section>
|
||||
<section class="grid-item zoom" id="octoring">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><a href="https://octo-ring.com/"><img
|
||||
src="https://octo-ring.com/static/img/widget/top.png" width="99%"
|
||||
alt="Octo Ring logo" align="top"></a><br><a
|
||||
href="https://octo-ring.com/p/array-in-a-matrix/prev"><img
|
||||
src="https://octo-ring.com/static/img/widget/prev.png" width="33%"
|
||||
alt="previous" align="top" title="previous profile"></a><a
|
||||
href="https://octo-ring.com/p/array-in-a-matrix/random"><img
|
||||
src="https://octo-ring.com/static/img/widget/random.png" width="33%"
|
||||
alt="random" align="top" title="random profile"></a><a
|
||||
href="https://octo-ring.com/p/array-in-a-matrix/next"><img
|
||||
src="https://octo-ring.com/static/img/widget/next.png" width="33%"
|
||||
alt="next" align="top" title="next profile"></a><br><a
|
||||
href="https://octo-ring.com/"><img
|
||||
src="https://octo-ring.com/static/img/widget/bottom.png" width="99%"
|
||||
alt="check out other GitHub profiles in the Octo Ring" align="top"></a></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<div </div>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
<div
|
||||
</div>
|
||||
<footer class="site-footer">
|
||||
You have reached the end of the page. (ノ◕ヮ◕)ノ*:・゚✧
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
5
package.json
Normal file
5
package.json
Normal file
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"devDependencies": {
|
||||
"prettier": "2.8.4"
|
||||
}
|
||||
}
|
17
pnpm-lock.yaml
Normal file
17
pnpm-lock.yaml
Normal file
|
@ -0,0 +1,17 @@
|
|||
lockfileVersion: 5.4
|
||||
|
||||
specifiers:
|
||||
prettier: 2.8.4
|
||||
|
||||
devDependencies:
|
||||
prettier: 2.8.4
|
||||
|
||||
packages:
|
||||
/prettier/2.8.4:
|
||||
resolution:
|
||||
{
|
||||
integrity: sha512-vIS4Rlc2FNh0BySk3Wkd6xmwxB0FpOndW5fisM5H8hsZSxU2VWVB5CWIkIjWvrHjIhxk2g3bfMKM87zNTrZddw==,
|
||||
}
|
||||
engines: { node: ">=10.13.0" }
|
||||
hasBin: true
|
||||
dev: true
|
|
@ -1,30 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
|
||||
<head>
|
||||
<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">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Array in a Matrix</title>
|
||||
<link rel="stylesheet" type="text/css" href="./alt.style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<link rel="icon" type="image/x-icon" href="../res/site/icons/favicon.ico" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name"> Project Name
|
||||
</h1>
|
||||
<h2 class=" project-tagline">Project tagline</h2>
|
||||
<h1 class="project-name">Project Name</h1>
|
||||
<h2 class="project-tagline">Project tagline</h2>
|
||||
</header>
|
||||
<div class="main-content">
|
||||
<nav>
|
||||
<a href="../" class="btn">Home</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="#" class="btn">navigation button</a>
|
||||
<a href="#" class="btn">navigation button</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="../" class="btn">Home</a>
|
||||
</nav>
|
||||
<nav>
|
||||
<a href="#" class="btn">navigation button</a>
|
||||
<a href="#" class="btn">navigation button</a>
|
||||
</nav>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -61,7 +61,8 @@ body {
|
|||
font-family: Utopia, "Liberation Serif";
|
||||
text-align: center;
|
||||
/* img size is 50x50 */
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABbmlDQ1BpY2MAACiRdZE7SwNBFIW/RCWikRRaBLHYQsVCJSiIpcbCJkiICr6aZPMSNuuyu0HEVrCxCFiINr4K/4G2gq2CICiCiI1/wFcjYb2TBBJEZ5m9H2fmXGbOgD9m6AWnOQIF07UT01FtYXFJC7wSIEwnw/iSumNNxuMx/h1f9/hUvRtSvf7f9+doT2ccHXytwmO6ZbvCE8KxdddSvCPcpeeTaeEj4UFbDih8rfRUlV8U56r8odieS0yBX/XUcg2camA9bxeEB4R7C0ZRr51H3SSYMednpXbL7MEhwTRRNFIUWcXAZUiqKZn97YtUfDOsiUeXv8UGtjhy5MU7KGpRumakZkXPyGewoXL/naeTHR2pdg9GoeXZ8977ILAL5ZLnfR97XvkEmp7g0qz71ySn8U/RS3Wt9xBCW3B+VddSe3CxDeFHK2knK1KTTH82C29n0LEInbfQtlzNqrbO6QPMbcoT3cD+AfTL/tDKD92VZ/plHO89AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuElEQVRoBe3awQ2CQABEUbUEbJEEi5ISpQVETuY38LPkk5gwp9mdx9H7srz2dX3fpul5G/XZts959H2e5/14G/Z3nv+QGPYC/+M/Rv2ceO4uwkXsnIgtwP5EuIidE7EF2J8IF7FzIrYA+xPhInZOxBZgfyJcxM6J2ALsT4SL2DkRW4D9iXAROydiC7A/ES5i50RsAfYnwkXsnIgtwP5EuIidE7EF2J8IF7FzIrYA+y8j8rvYJf6v9QVf2KG69fWg3gAAAABJRU5ErkJggg==") repeat 0 0;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABbmlDQ1BpY2MAACiRdZE7SwNBFIW/RCWikRRaBLHYQsVCJSiIpcbCJkiICr6aZPMSNuuyu0HEVrCxCFiINr4K/4G2gq2CICiCiI1/wFcjYb2TBBJEZ5m9H2fmXGbOgD9m6AWnOQIF07UT01FtYXFJC7wSIEwnw/iSumNNxuMx/h1f9/hUvRtSvf7f9+doT2ccHXytwmO6ZbvCE8KxdddSvCPcpeeTaeEj4UFbDih8rfRUlV8U56r8odieS0yBX/XUcg2camA9bxeEB4R7C0ZRr51H3SSYMednpXbL7MEhwTRRNFIUWcXAZUiqKZn97YtUfDOsiUeXv8UGtjhy5MU7KGpRumakZkXPyGewoXL/naeTHR2pdg9GoeXZ8977ILAL5ZLnfR97XvkEmp7g0qz71ySn8U/RS3Wt9xBCW3B+VddSe3CxDeFHK2knK1KTTH82C29n0LEInbfQtlzNqrbO6QPMbcoT3cD+AfTL/tDKD92VZ/plHO89AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuElEQVRoBe3awQ2CQABEUbUEbJEEi5ISpQVETuY38LPkk5gwp9mdx9H7srz2dX3fpul5G/XZts959H2e5/14G/Z3nv+QGPYC/+M/Rv2ceO4uwkXsnIgtwP5EuIidE7EF2J8IF7FzIrYA+xPhInZOxBZgfyJcxM6J2ALsT4SL2DkRW4D9iXAROydiC7A/ES5i50RsAfYnwkXsnIgtwP5EuIidE7EF2J8IF7FzIrYA+y8j8rvYJf6v9QVf2KG69fWg3gAAAABJRU5ErkJggg==")
|
||||
repeat 0 0;
|
||||
-webkit-animation: bg-scrolling-reverse 0.92s infinite;
|
||||
/* Safari 4+ */
|
||||
-moz-animation: bg-scrolling-reverse 0.92s infinite;
|
||||
|
@ -88,8 +89,6 @@ body {
|
|||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
;
|
||||
|
||||
.project-name {
|
||||
color: --primary;
|
||||
font-family: Utopia, "Liberation Serif";
|
||||
|
@ -162,7 +161,7 @@ a:hover {
|
|||
border-color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.btn+.btn {
|
||||
.btn + .btn {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
|
@ -187,7 +186,7 @@ a:hover {
|
|||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.btn+.btn {
|
||||
.btn + .btn {
|
||||
margin-top: 1rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
@ -204,16 +203,16 @@ select,
|
|||
textarea {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
|
@ -221,21 +220,20 @@ html input[type="button"],
|
|||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.dropdown {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
@ -259,23 +257,24 @@ input::-moz-focus-inner {
|
|||
|
||||
@media screen and (min-width: 64em) {
|
||||
.project-tagline {
|
||||
font-size: 1.25rem
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) {
|
||||
.project-tagline {
|
||||
font-size: 1.15rem
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 42em) {
|
||||
.project-tagline {
|
||||
font-size: 1rem
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
footer, site-footer {
|
||||
footer,
|
||||
site-footer {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: small;
|
||||
display: block;
|
||||
|
@ -283,19 +282,19 @@ footer, site-footer {
|
|||
|
||||
@media screen and (min-width: 64em) {
|
||||
.site-footer {
|
||||
font-size: 1rem
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) {
|
||||
.site-footer {
|
||||
font-size: 1rem
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 42em) {
|
||||
.site-footer {
|
||||
font-size: 0.9rem
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -304,13 +303,13 @@ sup {
|
|||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em
|
||||
}
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
|
401
style/index.html
401
style/index.html
|
@ -1,245 +1,260 @@
|
|||
<!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>Dark Matrix</title>
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../res/site/icons/favicon.ico" />
|
||||
</head>
|
||||
|
||||
<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>Dark Matrix</title>
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
<link rel="icon" type="image/x-icon" href="../res/site/icons/favicon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Dark Matrix Theme</h1>
|
||||
<h2 class="project-tagline">Cayman redesigned.</h2>
|
||||
|
||||
<body>
|
||||
<header class="page-header" role="banner">
|
||||
<h1 class="project-name">Dark Matrix Theme</h1>
|
||||
<h2 class="project-tagline">Cayman redesigned.</h2>
|
||||
<a href="../" class="btn">Home</a>
|
||||
</header>
|
||||
|
||||
<a href="../" class="btn">Home</a>
|
||||
</header>
|
||||
<main id="content" class="main-content" role="main">
|
||||
<p>
|
||||
Text can be <strong>bold</strong>, <em>italic</em>, or
|
||||
<del>strikethrough</del>.
|
||||
</p>
|
||||
|
||||
<main id="content" class="main-content" role="main">
|
||||
<p>
|
||||
Text can be <strong>bold</strong>, <em>italic</em>, or
|
||||
<del>strikethrough</del>.
|
||||
</p>
|
||||
<p><a href="#">Link to another page</a>.</p>
|
||||
|
||||
<p><a href="#">Link to another page</a>.</p>
|
||||
|
||||
<p>There should be whitespace between paragraphs.</p>
|
||||
|
||||
<p>
|
||||
There should be whitespace between paragraphs. We recommend including a
|
||||
README, or a file with information about your project.
|
||||
</p>
|
||||
|
||||
<h1 id="header-1">Header 1</h1>
|
||||
|
||||
<p>
|
||||
This is a normal paragraph following a header. GitHub is a code hosting
|
||||
platform for version control and collaboration. It lets you and others
|
||||
work together on projects from anywhere.
|
||||
</p>
|
||||
|
||||
<h2 id="header-2">Header 2</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>This is a blockquote following a header.</p>
|
||||
<p>There should be whitespace between paragraphs.</p>
|
||||
|
||||
<p>
|
||||
When something is important enough, you do it even if the odds are not
|
||||
in your favor.
|
||||
There should be whitespace between paragraphs. We recommend including a
|
||||
README, or a file with information about your project.
|
||||
</p>
|
||||
</blockquote>
|
||||
|
||||
<h3 id="header-3">Header 3</h3>
|
||||
<h1 id="header-1">Header 1</h1>
|
||||
|
||||
<div class="language-js highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code><span class="c1">// Javascript code with syntax highlighting.</span>
|
||||
<p>
|
||||
This is a normal paragraph following a header. GitHub is a code hosting
|
||||
platform for version control and collaboration. It lets you and others
|
||||
work together on projects from anywhere.
|
||||
</p>
|
||||
|
||||
<h2 id="header-2">Header 2</h2>
|
||||
|
||||
<blockquote>
|
||||
<p>This is a blockquote following a header.</p>
|
||||
|
||||
<p>
|
||||
When something is important enough, you do it even if the odds are not
|
||||
in your favor.
|
||||
</p>
|
||||
</blockquote>
|
||||
|
||||
<h3 id="header-3">Header 3</h3>
|
||||
|
||||
<div class="language-js highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre
|
||||
class="highlight"
|
||||
><code><span class="c1">// Javascript code with syntax highlighting.</span>
|
||||
<span class="kd">var</span> <span class="nx">fun</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">lang</span><span class="p">(</span><span class="nx">l</span><span class="p">)</span> <span class="p">{</span>
|
||||
<span class="nx">dateformat</span><span class="p">.</span><span class="nx">i18n</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="dl">'</span><span class="s1">./lang/</span><span class="dl">'</span> <span class="o">+</span> <span class="nx">l</span><span class="p">)</span>
|
||||
<span class="k">return</span> <span class="kc">true</span><span class="p">;</span>
|
||||
<span class="p">}</span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="language-ruby highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code><span class="c1"># Ruby code with syntax highlighting</span>
|
||||
<div class="language-ruby highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre
|
||||
class="highlight"
|
||||
><code><span class="c1"># Ruby code with syntax highlighting</span>
|
||||
<span class="no">GitHubPages</span><span class="o">::</span><span class="no">Dependencies</span><span class="p">.</span><span class="nf">gems</span><span class="p">.</span><span class="nf">each</span> <span class="k">do</span> <span class="o">|</span><span class="n">gem</span><span class="p">,</span> <span class="n">version</span><span class="o">|</span>
|
||||
<span class="n">s</span><span class="p">.</span><span class="nf">add_dependency</span><span class="p">(</span><span class="n">gem</span><span class="p">,</span> <span class="s2">"= </span><span class="si">#{</span><span class="n">version</span><span class="si">}</span><span class="s2">"</span><span class="p">)</span>
|
||||
<span class="k">end</span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 id="header-4">Header 4</h4>
|
||||
<h4 id="header-4">Header 4</h4>
|
||||
|
||||
<ul>
|
||||
<li>This is an unordered list following a header.</li>
|
||||
<li>This is an unordered list following a header.</li>
|
||||
<li>This is an unordered list following a header.</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>This is an unordered list following a header.</li>
|
||||
<li>This is an unordered list following a header.</li>
|
||||
<li>This is an unordered list following a header.</li>
|
||||
</ul>
|
||||
|
||||
<h5 id="header-5">Header 5</h5>
|
||||
<h5 id="header-5">Header 5</h5>
|
||||
|
||||
<ol>
|
||||
<li>This is an ordered list following a header.</li>
|
||||
<li>This is an ordered list following a header.</li>
|
||||
<li>This is an ordered list following a header.</li>
|
||||
</ol>
|
||||
<ol>
|
||||
<li>This is an ordered list following a header.</li>
|
||||
<li>This is an ordered list following a header.</li>
|
||||
<li>This is an ordered list following a header.</li>
|
||||
</ol>
|
||||
|
||||
<h6 id="header-6">Header 6</h6>
|
||||
<h6 id="header-6">Header 6</h6>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align: left">head1</th>
|
||||
<th style="text-align: left">head two</th>
|
||||
<th style="text-align: left">three</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align: left">ok</td>
|
||||
<td style="text-align: left">good swedish fish</td>
|
||||
<td style="text-align: left">nice</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align: left">out of stock</td>
|
||||
<td style="text-align: left">good and plenty</td>
|
||||
<td style="text-align: left">nice</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align: left">ok</td>
|
||||
<td style="text-align: left">
|
||||
good
|
||||
<code class="language-plaintext highlighter-rouge">oreos</code>
|
||||
</td>
|
||||
<td style="text-align: left">hmm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align: left">ok</td>
|
||||
<td style="text-align: left">
|
||||
good
|
||||
<code class="language-plaintext highlighter-rouge">zoute</code>
|
||||
drop
|
||||
</td>
|
||||
<td style="text-align: left">yumm</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="text-align: left">head1</th>
|
||||
<th style="text-align: left">head two</th>
|
||||
<th style="text-align: left">three</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="text-align: left">ok</td>
|
||||
<td style="text-align: left">good swedish fish</td>
|
||||
<td style="text-align: left">nice</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align: left">out of stock</td>
|
||||
<td style="text-align: left">good and plenty</td>
|
||||
<td style="text-align: left">nice</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align: left">ok</td>
|
||||
<td style="text-align: left">
|
||||
good
|
||||
<code class="language-plaintext highlighter-rouge">oreos</code>
|
||||
</td>
|
||||
<td style="text-align: left">hmm</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="text-align: left">ok</td>
|
||||
<td style="text-align: left">
|
||||
good
|
||||
<code class="language-plaintext highlighter-rouge">zoute</code>
|
||||
drop
|
||||
</td>
|
||||
<td style="text-align: left">yumm</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<h3 id="theres-a-horizontal-rule-below-this">
|
||||
There’s a horizontal rule below this.
|
||||
</h3>
|
||||
<h3 id="theres-a-horizontal-rule-below-this">
|
||||
There’s a horizontal rule below this.
|
||||
</h3>
|
||||
|
||||
<hr />
|
||||
<hr />
|
||||
|
||||
<h3 id="here-is-an-unordered-list">Here is an unordered list:</h3>
|
||||
<h3 id="here-is-an-unordered-list">Here is an unordered list:</h3>
|
||||
|
||||
<ul>
|
||||
<li>Item foo</li>
|
||||
<li>Item bar</li>
|
||||
<li>Item baz</li>
|
||||
<li>Item zip</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>Item foo</li>
|
||||
<li>Item bar</li>
|
||||
<li>Item baz</li>
|
||||
<li>Item zip</li>
|
||||
</ul>
|
||||
|
||||
<h3 id="and-an-ordered-list">And an ordered list:</h3>
|
||||
<h3 id="and-an-ordered-list">And an ordered list:</h3>
|
||||
|
||||
<ol>
|
||||
<li>Item one</li>
|
||||
<li>Item two</li>
|
||||
<li>Item three</li>
|
||||
<li>Item four</li>
|
||||
</ol>
|
||||
<ol>
|
||||
<li>Item one</li>
|
||||
<li>Item two</li>
|
||||
<li>Item three</li>
|
||||
<li>Item four</li>
|
||||
</ol>
|
||||
|
||||
<h3 id="and-a-nested-list">And a nested list:</h3>
|
||||
<h3 id="and-a-nested-list">And a nested list:</h3>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
level 1 item
|
||||
<ul>
|
||||
<li>level 2 item</li>
|
||||
<li>
|
||||
level 2 item
|
||||
<ul>
|
||||
<li>level 3 item</li>
|
||||
<li>level 3 item</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
level 1 item
|
||||
<ul>
|
||||
<li>level 2 item</li>
|
||||
<li>level 2 item</li>
|
||||
<li>level 2 item</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
level 1 item
|
||||
<ul>
|
||||
<li>level 2 item</li>
|
||||
<li>level 2 item</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>level 1 item</li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
level 1 item
|
||||
<ul>
|
||||
<li>level 2 item</li>
|
||||
<li>
|
||||
level 2 item
|
||||
<ul>
|
||||
<li>level 3 item</li>
|
||||
<li>level 3 item</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
level 1 item
|
||||
<ul>
|
||||
<li>level 2 item</li>
|
||||
<li>level 2 item</li>
|
||||
<li>level 2 item</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
level 1 item
|
||||
<ul>
|
||||
<li>level 2 item</li>
|
||||
<li>level 2 item</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>level 1 item</li>
|
||||
</ul>
|
||||
|
||||
<h3 id="small-image">Small image</h3>
|
||||
<h3 id="small-image">Small image</h3>
|
||||
|
||||
<p>
|
||||
<img src="https://github.githubassets.com/images/icons/emoji/octocat.png" alt="Octocat" />
|
||||
</p>
|
||||
<p>
|
||||
<img
|
||||
src="https://github.githubassets.com/images/icons/emoji/octocat.png"
|
||||
alt="Octocat"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<h3 id="large-image">Large image</h3>
|
||||
<h3 id="large-image">Large image</h3>
|
||||
|
||||
<p>
|
||||
<img src="https://guides.github.com/activities/hello-world/branching.png" alt="Branching" />
|
||||
</p>
|
||||
<p>
|
||||
<img
|
||||
src="https://guides.github.com/activities/hello-world/branching.png"
|
||||
alt="Branching"
|
||||
/>
|
||||
</p>
|
||||
|
||||
<h3 id="definition-lists-can-be-used-with-html-syntax">
|
||||
Definition lists can be used with HTML syntax.
|
||||
</h3>
|
||||
<h3 id="definition-lists-can-be-used-with-html-syntax">
|
||||
Definition lists can be used with HTML syntax.
|
||||
</h3>
|
||||
|
||||
<dl>
|
||||
<dt>Name</dt>
|
||||
<dd>Godzilla</dd>
|
||||
<dt>Born</dt>
|
||||
<dd>1952</dd>
|
||||
<dt>Birthplace</dt>
|
||||
<dd>Japan</dd>
|
||||
<dt>Color</dt>
|
||||
<dd>Green</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>Name</dt>
|
||||
<dd>Godzilla</dd>
|
||||
<dt>Born</dt>
|
||||
<dd>1952</dd>
|
||||
<dt>Birthplace</dt>
|
||||
<dd>Japan</dd>
|
||||
<dt>Color</dt>
|
||||
<dd>Green</dd>
|
||||
</dl>
|
||||
|
||||
<div class="language-plaintext highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code>Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
|
||||
<div class="language-plaintext highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre
|
||||
class="highlight"
|
||||
><code>Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="language-plaintext highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code>The final element.
|
||||
<div class="language-plaintext highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code>The final element.
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="site-footer">
|
||||
<span class="site-footer-owner">Based off of <a href="https://github.com/pages-themes/cayman">cayman</a>
|
||||
by
|
||||
<a href="https://github.com/pages-themes">pages-themes</a>.</span>
|
||||
<footer class="site-footer">
|
||||
<span class="site-footer-owner"
|
||||
>Based off of
|
||||
<a href="https://github.com/pages-themes/cayman">cayman</a>
|
||||
by
|
||||
<a href="https://github.com/pages-themes">pages-themes</a>.</span
|
||||
>
|
||||
|
||||
<span class="site-footer-credits">This page was generated by
|
||||
<a href="https://arrayinamatrix.xyz/">Array in a Matrix</a>.</span>
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<span class="site-footer-credits"
|
||||
>This page was generated by
|
||||
<a href="https://arrayinamatrix.xyz/">Array in a Matrix</a>.</span
|
||||
>
|
||||
</footer>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
209
style/style.css
209
style/style.css
|
@ -4,11 +4,11 @@
|
|||
html {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
article,
|
||||
|
@ -24,7 +24,7 @@ menu,
|
|||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block
|
||||
display: block;
|
||||
}
|
||||
|
||||
audio,
|
||||
|
@ -32,53 +32,53 @@ canvas,
|
|||
progress,
|
||||
video {
|
||||
display: inline-block;
|
||||
vertical-align: baseline
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0
|
||||
height: 0;
|
||||
}
|
||||
|
||||
[hidden],
|
||||
template {
|
||||
display: none
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
background-color: transparent
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000
|
||||
color: #000;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
|
@ -86,36 +86,36 @@ sup {
|
|||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
img {
|
||||
border: 0
|
||||
border: 0;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 1em 40px
|
||||
margin: 1em 40px;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0
|
||||
height: 0;
|
||||
}
|
||||
|
||||
pre {
|
||||
overflow: auto
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
code,
|
||||
|
@ -123,7 +123,7 @@ kbd,
|
|||
pre,
|
||||
samp {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
button,
|
||||
|
@ -133,16 +133,16 @@ select,
|
|||
textarea {
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
margin: 0
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
overflow: visible
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
|
@ -150,76 +150,76 @@ html input[type="button"],
|
|||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
cursor: pointer
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
button[disabled],
|
||||
html input[disabled] {
|
||||
cursor: default
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
line-height: normal
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="number"]::-webkit-inner-spin-button,
|
||||
input[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto
|
||||
height: auto;
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield;
|
||||
box-sizing: content-box
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
legend {
|
||||
border: 0;
|
||||
padding: 0
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
optgroup {
|
||||
font-weight: bold
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
padding: 0
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -228,7 +228,7 @@ body {
|
|||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
color: #606c71
|
||||
color: #606c71;
|
||||
}
|
||||
|
||||
#skip-to-content {
|
||||
|
@ -236,7 +236,7 @@ body {
|
|||
width: 1px;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
top: -10px
|
||||
top: -10px;
|
||||
}
|
||||
|
||||
#skip-to-content:focus {
|
||||
|
@ -246,16 +246,16 @@ body {
|
|||
height: auto;
|
||||
width: auto;
|
||||
background: #e19447;
|
||||
outline: thick solid #e19447
|
||||
outline: thick solid #e19447;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1e6bb8;
|
||||
text-decoration: none
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
@ -267,30 +267,30 @@ a:hover {
|
|||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-radius: 0.3rem;
|
||||
transition: color 0.2s, background-color 0.2s, border-color 0.2s
|
||||
transition: color 0.2s, background-color 0.2s, border-color 0.2s;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
text-decoration: none;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: rgba(255, 255, 255, 0.3)
|
||||
border-color: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.btn+.btn {
|
||||
margin-left: 1rem
|
||||
.btn + .btn {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 64em) {
|
||||
.btn {
|
||||
padding: 0.75rem 1rem
|
||||
padding: 0.75rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) {
|
||||
.btn {
|
||||
padding: 0.6rem 0.9rem;
|
||||
font-size: 0.9rem
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -299,12 +299,12 @@ a:hover {
|
|||
display: block;
|
||||
width: 100%;
|
||||
padding: 0.75rem;
|
||||
font-size: 0.9rem
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.btn+.btn {
|
||||
.btn + .btn {
|
||||
margin-top: 1rem;
|
||||
margin-left: 0
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -362,7 +362,8 @@ a:hover {
|
|||
}
|
||||
|
||||
body {
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABbmlDQ1BpY2MAACiRdZE7SwNBFIW/RCWikRRaBLHYQsVCJSiIpcbCJkiICr6aZPMSNuuyu0HEVrCxCFiINr4K/4G2gq2CICiCiI1/wFcjYb2TBBJEZ5m9H2fmXGbOgD9m6AWnOQIF07UT01FtYXFJC7wSIEwnw/iSumNNxuMx/h1f9/hUvRtSvf7f9+doT2ccHXytwmO6ZbvCE8KxdddSvCPcpeeTaeEj4UFbDih8rfRUlV8U56r8odieS0yBX/XUcg2camA9bxeEB4R7C0ZRr51H3SSYMednpXbL7MEhwTRRNFIUWcXAZUiqKZn97YtUfDOsiUeXv8UGtjhy5MU7KGpRumakZkXPyGewoXL/naeTHR2pdg9GoeXZ8977ILAL5ZLnfR97XvkEmp7g0qz71ySn8U/RS3Wt9xBCW3B+VddSe3CxDeFHK2knK1KTTH82C29n0LEInbfQtlzNqrbO6QPMbcoT3cD+AfTL/tDKD92VZ/plHO89AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuElEQVRoBe3awQ2CQABEUbUEbJEEi5ISpQVETuY38LPkk5gwp9mdx9H7srz2dX3fpul5G/XZts959H2e5/14G/Z3nv+QGPYC/+M/Rv2ceO4uwkXsnIgtwP5EuIidE7EF2J8IF7FzIrYA+xPhInZOxBZgfyJcxM6J2ALsT4SL2DkRW4D9iXAROydiC7A/ES5i50RsAfYnwkXsnIgtwP5EuIidE7EF2J8IF7FzIrYA+y8j8rvYJf6v9QVf2KG69fWg3gAAAABJRU5ErkJggg==") repeat 0 0;
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABbmlDQ1BpY2MAACiRdZE7SwNBFIW/RCWikRRaBLHYQsVCJSiIpcbCJkiICr6aZPMSNuuyu0HEVrCxCFiINr4K/4G2gq2CICiCiI1/wFcjYb2TBBJEZ5m9H2fmXGbOgD9m6AWnOQIF07UT01FtYXFJC7wSIEwnw/iSumNNxuMx/h1f9/hUvRtSvf7f9+doT2ccHXytwmO6ZbvCE8KxdddSvCPcpeeTaeEj4UFbDih8rfRUlV8U56r8odieS0yBX/XUcg2camA9bxeEB4R7C0ZRr51H3SSYMednpXbL7MEhwTRRNFIUWcXAZUiqKZn97YtUfDOsiUeXv8UGtjhy5MU7KGpRumakZkXPyGewoXL/naeTHR2pdg9GoeXZ8977ILAL5ZLnfR97XvkEmp7g0qz71ySn8U/RS3Wt9xBCW3B+VddSe3CxDeFHK2knK1KTTH82C29n0LEInbfQtlzNqrbO6QPMbcoT3cD+AfTL/tDKD92VZ/plHO89AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuElEQVRoBe3awQ2CQABEUbUEbJEEi5ISpQVETuY38LPkk5gwp9mdx9H7srz2dX3fpul5G/XZts959H2e5/14G/Z3nv+QGPYC/+M/Rv2ceO4uwkXsnIgtwP5EuIidE7EF2J8IF7FzIrYA+xPhInZOxBZgfyJcxM6J2ALsT4SL2DkRW4D9iXAROydiC7A/ES5i50RsAfYnwkXsnIgtwP5EuIidE7EF2J8IF7FzIrYA+y8j8rvYJf6v9QVf2KG69fWg3gAAAABJRU5ErkJggg==")
|
||||
repeat 0 0;
|
||||
-webkit-animation: bg-scrolling-reverse 0.92s infinite;
|
||||
/* Safari 4+ */
|
||||
-moz-animation: bg-scrolling-reverse 0.92s infinite;
|
||||
|
@ -379,66 +380,66 @@ body {
|
|||
|
||||
@media screen and (min-width: 64em) {
|
||||
.page-header {
|
||||
padding: 5rem 6rem
|
||||
padding: 5rem 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) {
|
||||
.page-header {
|
||||
padding: 3rem 4rem
|
||||
padding: 3rem 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 42em) {
|
||||
.page-header {
|
||||
padding: 2rem 1rem
|
||||
padding: 2rem 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.project-name {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.1rem
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 64em) {
|
||||
.project-name {
|
||||
font-size: 3.25rem
|
||||
font-size: 3.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) {
|
||||
.project-name {
|
||||
font-size: 2.25rem
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 42em) {
|
||||
.project-name {
|
||||
font-size: 1.75rem
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.project-tagline {
|
||||
margin-bottom: 2rem;
|
||||
font-weight: normal;
|
||||
opacity: 0.7
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 64em) {
|
||||
.project-tagline {
|
||||
font-size: 1.25rem
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) {
|
||||
.project-tagline {
|
||||
font-size: 1.15rem
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 42em) {
|
||||
.project-tagline {
|
||||
font-size: 1rem
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -448,7 +449,7 @@ body {
|
|||
}
|
||||
|
||||
.main-content :first-child {
|
||||
margin-top: 0
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 64em) {
|
||||
|
@ -456,21 +457,21 @@ body {
|
|||
max-width: 64rem;
|
||||
padding: 2rem 6rem;
|
||||
margin: 0 auto;
|
||||
font-size: 1.1rem
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) {
|
||||
.main-content {
|
||||
padding: 2rem 4rem;
|
||||
font-size: 1.1rem
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 42em) {
|
||||
.main-content {
|
||||
padding: 2rem 1rem;
|
||||
font-size: 1rem
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -485,11 +486,11 @@ body {
|
|||
font-size: 11px;
|
||||
line-height: 10px;
|
||||
padding: 3px 5px;
|
||||
vertical-align: middle
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.main-content img {
|
||||
max-width: 100%
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.main-content h1,
|
||||
|
@ -505,7 +506,7 @@ body {
|
|||
}
|
||||
|
||||
.main-content p {
|
||||
margin-bottom: 1em
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.main-content code {
|
||||
|
@ -514,7 +515,7 @@ body {
|
|||
font-size: 0.9rem;
|
||||
color: #567482;
|
||||
background-color: #f3f6fa;
|
||||
border-radius: 0.3rem
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
.main-content pre {
|
||||
|
@ -526,10 +527,10 @@ body {
|
|||
word-wrap: normal;
|
||||
background-color: #f3f6fa;
|
||||
border: solid 1px #dce6f0;
|
||||
border-radius: 0.3rem
|
||||
border-radius: 0.3rem;
|
||||
}
|
||||
|
||||
.main-content pre>code {
|
||||
.main-content pre > code {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 0.9rem;
|
||||
|
@ -537,16 +538,16 @@ body {
|
|||
word-break: normal;
|
||||
white-space: pre;
|
||||
background: transparent;
|
||||
border: 0
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.main-content .highlight {
|
||||
margin-bottom: 1rem
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.main-content .highlight pre {
|
||||
margin-bottom: 0;
|
||||
word-break: normal
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.main-content .highlight pre,
|
||||
|
@ -556,7 +557,7 @@ body {
|
|||
font-size: 0.9rem;
|
||||
line-height: 1.45;
|
||||
border-radius: 0.3rem;
|
||||
-webkit-overflow-scrolling: touch
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.main-content pre code,
|
||||
|
@ -569,34 +570,34 @@ body {
|
|||
line-height: inherit;
|
||||
word-wrap: normal;
|
||||
background-color: transparent;
|
||||
border: 0
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.main-content pre code:before,
|
||||
.main-content pre code:after,
|
||||
.main-content pre tt:before,
|
||||
.main-content pre tt:after {
|
||||
content: normal
|
||||
content: normal;
|
||||
}
|
||||
|
||||
.main-content ul,
|
||||
.main-content ol {
|
||||
margin-top: 0
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.main-content blockquote {
|
||||
padding: 0 1rem;
|
||||
margin-left: 0;
|
||||
color: #819198;
|
||||
border-left: 0.3rem solid #dce6f0
|
||||
border-left: 0.3rem solid #dce6f0;
|
||||
}
|
||||
|
||||
.main-content blockquote>:first-child {
|
||||
margin-top: 0
|
||||
.main-content blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.main-content blockquote>:last-child {
|
||||
margin-bottom: 0
|
||||
.main-content blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.main-content table {
|
||||
|
@ -605,33 +606,33 @@ body {
|
|||
overflow: auto;
|
||||
word-break: normal;
|
||||
word-break: keep-all;
|
||||
-webkit-overflow-scrolling: touch
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.main-content table th {
|
||||
font-weight: bold
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.main-content table th,
|
||||
.main-content table td {
|
||||
padding: 0.5rem 1rem;
|
||||
border: 1px solid #e9ebec
|
||||
border: 1px solid #e9ebec;
|
||||
}
|
||||
|
||||
.main-content dl {
|
||||
padding: 0
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.main-content dl dt {
|
||||
padding: 0;
|
||||
margin-top: 1rem;
|
||||
font-size: 1rem;
|
||||
font-weight: bold
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.main-content dl dd {
|
||||
padding: 0;
|
||||
margin-bottom: 1rem
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.main-content hr {
|
||||
|
@ -639,30 +640,30 @@ body {
|
|||
padding: 0;
|
||||
margin: 1rem 0;
|
||||
background-color: #dce6f0;
|
||||
border: 0
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.site-footer {
|
||||
padding-top: 2rem;
|
||||
margin-top: 2rem;
|
||||
border-top: solid 1px #eff0f1
|
||||
border-top: solid 1px #eff0f1;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 64em) {
|
||||
.site-footer {
|
||||
font-size: 1rem
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 42em) and (max-width: 64em) {
|
||||
.site-footer {
|
||||
font-size: 1rem
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 42em) {
|
||||
.site-footer {
|
||||
font-size: 0.9rem
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -700,7 +701,7 @@ section {
|
|||
}
|
||||
|
||||
.zoom {
|
||||
transition: transform .2s;
|
||||
transition: transform 0.2s;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.zoom img {
|
||||
|
@ -719,9 +720,9 @@ section {
|
|||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
main div {
|
||||
box-sizing: unset
|
||||
main div {
|
||||
box-sizing: unset;
|
||||
}
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue