cleaned up

This commit is contained in:
array-in-a-matrix 2021-09-24 22:58:52 -04:00
parent dfed7b53b0
commit 5a1557c200
8 changed files with 76 additions and 37 deletions

View file

@ -1,38 +1,29 @@
<!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/main.style.css" />
<link rel="stylesheet" href="/fonts/DarkNewRoman/stylesheet.css" type="text/css" charset="utf-8" />
</head>
<body>
<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/main.style.css" />
<link rel="stylesheet" href="/fonts/DarkNewRoman/stylesheet.css" type="text/css" charset="utf-8" />
</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">Self-taught progammer and cybersecurity enthusiast.</h2>
<h3 class=" project-tagline">Welcome to the abyss.</h3>
</header>
<div class="main-content">
<nav>
<a href="/index/socials/" class="btn">Socials</a>
<a href="/index/projects/" class="btn">Projects List</a>
<a href="/index/games/" class="btn">Games</a>
</nav>
</div>
</body>
<div class="main-content">
<nav>
<a href="https://github.com/array-in-a-matrix" class="btn"
><i class="fa fa-github"></i> GitHub</a
>
<a href="https://www.instagram.com/array.in.a.matrix/" class="btn"
><i class="fa fa-instagram"></i> Instagram</a
>
</nav>
<nab>
<a href="index/projects/" class="btn">Projects List</a>
</nab>
<nav>
<div class=" dropdown">
<button class="btn">Games</button>
<div class="dropdown-content">
<a href="index/games/RPS/" class="btn">Rock Paper Scissors</a>
<a href="index/games/eternalspace/" class="btn">Eternal Space</a>
</div>
</div>
</nav>
</div>
</body>
</html>
</html>

View file

@ -13,7 +13,7 @@
<h2 class="project-tagline">Made using Javascript.</h2>
<a href="/" class="btn">Home</a>
<a href="/index/games/" class="btn">Games</a>
<a href="../" class="btn">Games</a>
</header>
<main id="content" class="main-content" role="main">

View file

@ -80,7 +80,7 @@
</h2>
<a href="/" class="btn">Home</a>
<a href="/index/games/" class="btn">Games</a>
<a href="../" class="btn">Games</a>
</header>
<div class="gm4html5_div_class" id="gm4html5_div_id" style="

0
index/games/index.html Normal file
View file

0
index/socials/index.html Normal file
View file

View file

@ -5,7 +5,7 @@
<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="stylesheet" href="/style/style.css" />
</head>
<body>
<header class="page-header" role="banner">
@ -21,7 +21,7 @@
<del>strikethrough</del>.
</p>
<p><a href="./another-page.html">Link to another page</a>.</p>
<p><a href="#">Link to another page</a>.</p>
<p>There should be whitespace between paragraphs.</p>

28
style/main.index.html Normal file
View file

@ -0,0 +1,28 @@
<!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/main.style.css" />
<link rel="stylesheet" href="/fonts/DarkNewRoman/stylesheet.css" type="text/css" charset="utf-8" />
</head>
<body>
<header class="page-header" role="banner">
<h1 class="project-name" style="font-family: DarkNewRoman;""> Project Name
</h1>
<h2 class=" project-tagline">Project tagline</h2>
</header>
<div class="main-content">
<nav>
<a href="#" class="btn">navigation button</a>
<a href="#" class="btn">navigation button</a>
<a href="#" class="btn">navigation button</a>
</nav>
</div>
</body>
</html>

View file

@ -209,3 +209,23 @@ input::-moz-focus-inner {
}
.dropdown:hover .dropdown-content {display: block;}
.project-tagline {
margin-bottom:2rem;
font-weight:normal;
opacity:0.7;
font-family: "Montserrat", sans-serif;
}
@media screen and (min-width: 64em) {
.project-tagline {
font-size:1.25rem
}
}
@media screen and (min-width: 42em) and (max-width: 64em) {
.project-tagline {
font-size:1.15rem
}
}
@media screen and (max-width: 42em) {
.project-tagline {
font-size:1rem
}