feat: added a portfolio
Changes include also a navigation page with links for the home and the portfolio
This commit is contained in:
parent
8fcdb14ad7
commit
5501b34432
Binary file not shown.
After Width: | Height: | Size: 176 KiB |
|
@ -71,6 +71,13 @@
|
||||||
<a href="http://geekring.net/">home</a>
|
<a href="http://geekring.net/">home</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="card" id="navigation">
|
||||||
|
<h2>Navigation</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="./index.html">Home</a></li>
|
||||||
|
<li><a href="./portfolio.html">Art</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
<div id="buttons">
|
<div id="buttons">
|
||||||
<img src="./assets/images/buttons/i-like-computer.png" alt="I LIKE COMPUTER">
|
<img src="./assets/images/buttons/i-like-computer.png" alt="I LIKE COMPUTER">
|
||||||
<img src="./assets/images/buttons/i-hate-mac.jpg" alt="I Hate Macintosh">
|
<img src="./assets/images/buttons/i-hate-mac.jpg" alt="I Hate Macintosh">
|
||||||
|
|
|
@ -0,0 +1,59 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>My Art :3</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link href="./styles.css" rel="stylesheet">
|
||||||
|
<link rel="shortcut icon" type="image/png" href="./assets/images/favicon.png">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div>
|
||||||
|
<div class="card">
|
||||||
|
<h1>My Art!!</h1>
|
||||||
|
Here I'll be posting some art of mine (at least the ones I actually like :p). My style is <b>very</b> messy, so you've been warned!!<br>
|
||||||
|
Also, if you like it, please let me know, and I'd be glad to gift you one! Contact details on the main page ;3
|
||||||
|
</div>
|
||||||
|
<div id="gallery" class="card">
|
||||||
|
<img src="./assets/images/gallery/snarky.jpg" width=100% alt="Wiikifox looking at you with a snarky face, hand on the wall" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="card" id="webrings">
|
||||||
|
<h2>Webrings</h2>
|
||||||
|
<div id="webrings-retronaut">
|
||||||
|
<strong>Retronaut: </strong><a href="http://webring.dinhe.net/prev/https://unix.dog/~wiikifox/">previous</a> //
|
||||||
|
<a href="http://webring.dinhe.net/random">random</a> //
|
||||||
|
<a href="http://webring.dinhe.net/next/https://unix.dog/~wiikifox/">next</a> //
|
||||||
|
<a href="http://webring.dinhe.net/">home</a>
|
||||||
|
</div>
|
||||||
|
<div id="webrings-geekring">
|
||||||
|
<strong>Geekring: </strong><a href="http://geekring.net/site/354/previous/">previous</a> //
|
||||||
|
<a href="http://geekring.net/site/354/random/">random</a> //
|
||||||
|
<a href="http://geekring.net/site/354/next/">next</a> //
|
||||||
|
<a href="http://geekring.net/">home</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card" id="navigation">
|
||||||
|
<h2>Navigation</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="./index.html">Home</a></li>
|
||||||
|
<li><a href="./portfolio.html">Art</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="buttons">
|
||||||
|
<img src="./assets/images/buttons/i-like-computer.png" alt="I LIKE COMPUTER">
|
||||||
|
<img src="./assets/images/buttons/i-hate-mac.jpg" alt="I Hate Macintosh">
|
||||||
|
<img src="./assets/images/buttons/i-hate-ms.jpg" alt="I Hate MICROSOFT">
|
||||||
|
<img src="./assets/images/buttons/best-viewed.gif" alt="This page is best viewed with: a computer and a monitor">
|
||||||
|
<img src="./assets/images/buttons/anything-but-chrome.gif" alt="Anything but Chrome">
|
||||||
|
<img src="./assets/images/buttons/gnu-linux.gif" alt="Made on GNU/Linux">
|
||||||
|
<img src="./assets/images/buttons/learn-html.gif" alt="<HTML>: Learn it today!">
|
||||||
|
<a href="http://web3.14159.annwfn.net"><img src="./assets/images/buttons/web-pi.png" alt="Web 3.14159..."></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card">
|
||||||
|
<span>This work © 2024 by Wiikifox is licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a></span>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -63,6 +63,10 @@ body {
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
#gallery {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
}
|
||||||
@media screen and (max-width: 900px) {
|
@media screen and (max-width: 900px) {
|
||||||
#buttons {
|
#buttons {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
Loading…
Reference in New Issue