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> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Apophis Coding</title> <title>Apophis Coding</title>
<link rel="shortcut icon" href="Images/icon.png"> <link rel="shortcut icon" href="images/icon.png">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style1.css">
</head> </head>
<body> <body>
<header class="page-head"> <header class="page-head">
<div> <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> <h1>Apophis Coding</h1>
</div> </div>
</header> </header>
@@ -23,12 +23,12 @@
</a> </a>
</li> </li>
<li> <li>
<a href="SubFiles/aboutUs.html"> <a href="subfiles/about-us.html">
Projects Projects
</a> </a>
</li> </li>
<li> <li>
<a href="SubFiles/aboutUs.html"> <a href="subfiles/about-us.html">
About us About us
</a> </a>
</li> </li>
@@ -38,6 +38,7 @@
<div class="center-panel"> <div class="center-panel">
<p>Welcome to the home page of Apophis Coding.</p> <p>Welcome to the home page of Apophis Coding.</p>
<p>This side is currently under construction.</p> <p>This side is currently under construction.</p>
<p>v0.0.2</p>
</div> </div>
</main> </main>
<footer class="footer"> <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 .page-head
{ {
@@ -15,7 +8,7 @@
{ {
position: fixed; position: fixed;
width: 100%; width: 100%;
background-color: var(--main-bg-overlay-color); background-color: rgba(26, 26, 26, 0.596);
color: white; color: white;
padding: 1px; padding: 1px;
margin: 0; margin: 0;
@@ -49,30 +42,30 @@
display: inline-block; display: inline-block;
width: 100px; width: 100px;
background-color: rgba(39, 39, 39, 0.596); background-color: rgba(39, 39, 39, 0.596);
color: var(--main-font-color); color: rgb(177, 177, 147);
font-size: larger; font-size: larger;
text-decoration: none; text-decoration: none;
} }
body body
{ {
background-color: var(--main-bg-color); background-color: rgb(214, 0, 0);
margin: 0; margin: 0;
background-image: url('Images/Logo.png'); background-image: url('images/logo.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
background-position: center; background-position: center center;
background-size: 600px; background-size: auto 80%;
} }
.center-panel .center-panel
{ {
background-color: var(--main-bg-overlay-color); background-color: rgba(26, 26, 26, 0.596);
padding: 10px; padding: 10px;
margin: 0px 200px; margin: 0px 200px;
border: black; border: black;
border-spacing: 3px; border-spacing: 3px;
color: var(--main-font-color); color: rgb(177, 177, 147);
border-style: solid; border-style: solid;
vertical-align: middle; vertical-align: middle;
} }
@@ -80,14 +73,14 @@ body
.center-panel p .center-panel p
{ {
margin: 0; margin: 0;
color: var(--main-font-color); color: rgb(177, 177, 147);
font-size: larger; font-size: larger;
} }
h1 h1
{ {
font-size: 40px; font-size: 40px;
color: var(--main-font-color); color: rgb(177, 177, 147);
} }
.test-class .test-class
@@ -97,7 +90,7 @@ h1
.test-class p .test-class p
{ {
color: var(--main-font-color); color: rgb(177, 177, 147);
} }
.footer .footer

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

@@ -5,13 +5,13 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Apophis Coding - About Us</title> <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"> <link rel="stylesheet" href="../style.css">
</head> </head>
<body> <body>
<header class="page-head"> <header class="page-head">
<div> <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> <h1>Apophis Coding - About Us</h1>
</div> </div>
</header> </header>
@@ -23,12 +23,12 @@
</a> </a>
</li> </li>
<li> <li>
<a href="../SubFiles/aboutUs.html"> <a href="../subfiles/about-us.html">
Projects Projects
</a> </a>
</li> </li>
<li> <li>
<a href="../SubFiles/aboutUs.html"> <a href="../subfiles/about-us.html">
About us About us
</a> </a>
</li> </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>