Apophis_Coding/WebPage
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

test

Browse Source
This commit is contained in:
TheNightglow
2021-08-23 23:32:51 +02:00
parent 8fce073b86
commit 7886a9cf56
5 changed files with 49 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
.vscode/launch.json vendored Normal file
View File

@@ -0,0 +1,12 @@
{
"version": "0.2.0",
"configurations": [
{
"name": "Launch index.html",
"type": "firefox",
"request": "launch",
"reAttach": true,
"file": "${workspaceFolder}/index.html"
}
]
}

11
index.html
View File

@@ -5,13 +5,13 @@
<head>
<meta charset="UTF-8">
<title>Apophis Coding</title>
<link rel="shortcut icon" href="Images/icon.png">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="images/icon.png">
<link rel="stylesheet" href="style1.css">
</head>
<body>
<header class="page-head">
<div>
<img src="Images/icon.png" alt="Icon of Apophis Coding">
<img src="images/icon.png" alt="Icon of Apophis Coding">
<h1>Apophis Coding</h1>
</div>
</header>
@@ -23,12 +23,12 @@
</a>
</li>
<li>
<a href="SubFiles/aboutUs.html">
<a href="subfiles/about-us.html">
Projects
</a>
</li>
<li>
<a href="SubFiles/aboutUs.html">
<a href="subfiles/about-us.html">
About us
</a>
</li>
@@ -38,6 +38,7 @@
<div class="center-panel">
<p>Welcome to the home page of Apophis Coding.</p>
<p>This side is currently under construction.</p>
<p>v0.0.2</p>
</div>
</main>
<footer class="footer">

29
style.css → style1.css
View File

@@ -1,10 +1,3 @@
:root
{
--main-bg-color: gray;
--main-bg-overlay-color: rgba(26, 26, 26, 0.596);
--main-font-color: rgb(177, 177, 147);
}
.page-head
{
@@ -15,7 +8,7 @@
{
position: fixed;
width: 100%;
background-color: var(--main-bg-overlay-color);
background-color: rgba(26, 26, 26, 0.596);
color: white;
padding: 1px;
margin: 0;
@@ -49,30 +42,30 @@
display: inline-block;
width: 100px;
background-color: rgba(39, 39, 39, 0.596);
color: var(--main-font-color);
color: rgb(177, 177, 147);
font-size: larger;
text-decoration: none;
}
body
{
background-color: var(--main-bg-color);
background-color: rgb(214, 0, 0);
margin: 0;
background-image: url('Images/Logo.png');
background-image: url('images/logo.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: 600px;
background-position: center center;
background-size: auto 80%;
}
.center-panel
{
background-color: var(--main-bg-overlay-color);
background-color: rgba(26, 26, 26, 0.596);
padding: 10px;
margin: 0px 200px;
border: black;
border-spacing: 3px;
color: var(--main-font-color);
color: rgb(177, 177, 147);
border-style: solid;
vertical-align: middle;
}
@@ -80,14 +73,14 @@ body
.center-panel p
{
margin: 0;
color: var(--main-font-color);
color: rgb(177, 177, 147);
font-size: larger;
}
h1
{
font-size: 40px;
color: var(--main-font-color);
color: rgb(177, 177, 147);
}
.test-class
@@ -97,7 +90,7 @@ h1
.test-class p
{
color: var(--main-font-color);
color: rgb(177, 177, 147);
}
.footer

8
SubFiles/aboutUs.html → subfiles/about-us.html
View File

@@ -5,13 +5,13 @@
<head>
<meta charset="UTF-8">
<title>Apophis Coding - About Us</title>
<link rel="shortcut icon" href="../Images/icon.png">
<link rel="shortcut icon" href="../images/icon.png">
<link rel="stylesheet" href="../style.css">
</head>
<body>
<header class="page-head">
<div>
<img src="../Images/icon.png" alt="Icon of Apophis Coding">
<img src="../images/icon.png" alt="Icon of Apophis Coding">
<h1>Apophis Coding - About Us</h1>
</div>
</header>
@@ -23,12 +23,12 @@
</a>
</li>
<li>
<a href="../SubFiles/aboutUs.html">
<a href="../subfiles/about-us.html">
Projects
</a>
</li>
<li>
<a href="../SubFiles/aboutUs.html">
<a href="../subfiles/about-us.html">
About us
</a>
</li>

16
subfiles/index.html Normal file
View File

@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<nav>
</nav>
<main>
<p>Welcome to the home page of Apophis Coding.</p>
<p>This side is currently under construction.</p>
<p>v0.0.2</p>
</main>
</body>
</html>