made-in-akira/webdev/website2.0/index.html

70 lines
No EOL
3.1 KiB
HTML

<!--what the fuck. what the fuck. what the FUCK-->
<!--okay i don't know html-->
<!-- imported from an earlier prototype: thank you so much eaic! -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>a</title>
<meta charset="utf-8" />
<!-- ^ that was to make unicode work -->
<!-- oh, sorry! it's ok!-->
<!-- this makes the site not be tiny on phones. it's here because of bad decisions apple made with the iphone -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<!-- import the webpage's javascript file -->
<script src="/script.js" defer></script>
</head>
<body id="home">
<div class="header">
<img src="/art/header/header_pfp_02.2022.png" alt="picture of me i drew!">
<img src="/art/header/header_logo.png" alt="stylized text saying 'akira: lazy trans girl'">
<!--navigation?-->
<div class="navbar">
<a href="index.html"><img src="/art/header/header_links_1aboutme.png"></a>
<a href="index.html"><b>who?</b></a>
<a href="projects.html"><img src="/art/header/header_links_2projects.png"></a>
<a href="projects.html">my work</a>
<a href="contact.html"><img src="/art/header/header_links_3contact.png"></a>
<a href="contact.html">contact</a>
<a href="news.html"><img src="/art/header/header_links_4news.png"></a>
<a href="news.html">news</a>
</div>
</div>
</div>
<div class="article-small">
<div class="article-small-pic">
<img src="/art/home/home_intro.png">
</div>
<!--hopefully i can align this to the left of the text-->
<h1>my name is akira!</h1>
<h3>and i hope we can be friends</h3>
<p>i'm a 13 y. old trans girl who likes to do graphic design, make drawings of my friends, and listen to music!</p>
</div>
<div class="article-small">
<div class="article-small-pic">
<img src="/art/home/home_news_001.png" alt="macos textedit icon on a plain gradient background. a floating hand writes with a pencil on tilted white paper">
</div>
<a href="news/002.html"><h1>news: website!! pt. 2</h1></a>
<p>hello! i'm actually making this site now (took me long enough...)</p>
<p>i've been putting this off for um, not that long actually! it's only been, what, 15 days since i finished planning it out in gimp? i guess. because i'm actually somewhat passionate about making this</p>
<p>um, i'm still happy i'm finally doing it though!</p>
</div>
<div class="navbar-big">
<a href="index.html"><img src="/art/home/biglinks/home_biglinks_1aboutme.png"></a>
<a href="projects.html"><img src="/art/home/biglinks/home_biglinks_2projects.png"></a>
<a href="contact.html"><img src="/art/home/biglinks/home_biglinks_3contact.png"></a>
<a href="news.html"><img src="/art/home/biglinks/home_biglinks_4news.png"></a>
</div>
<div class="about-me">
<h2>about this site</h2>
<p>copywrath akirapink, 2022</p>
<p>update 0001. website prototype 3.</p>
<p>made with love</p>
<a href="https://lavender.software/akira">see source code here!</a>
</div>