me/nodejs-website
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created a banner, added more content, converted spaces to tabs, figured out hrefs with # based on id.

Browse Source
This commit is contained in:
Hyperling
2022-10-13 07:29:46 -05:00
parent 1c70887199
commit ce20fa0f6f
14 changed files with 158 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
pages/helpers/banner.css Normal file
View File

@ -0,0 +1,23 @@
/*** Logo In Header ***/
/* Shared Attributes */
.banner-top, .banner-middle, .banner-bottom {
color: white;
width: 100%;
height: 69px;
font-size: 50px;
text-align: center;
}
/* Specific Attributes */
.banner-top {
background-color: #6633FF;
}
.banner-middle {
background-color: #FF9900;
}
.banner-bottom {
background-color: #339933;
}

6
pages/helpers/banner.php Normal file
View File

@ -0,0 +1,6 @@
#!/usr/bin/php
<div class="row col-12">
<div class="banner-top">Peace</div>
<div class="banner-middle">Love</div>
<div class="banner-bottom">Happiness</div>
</div>

1
pages/helpers/body_open.php
View File

@ -6,6 +6,7 @@
<body>
<?php
include "banner.php";
include "menu.php";
include "advisory.php";
?>

19
pages/helpers/dark.css
View File

@ -1,30 +1,29 @@
/*** MyStuff ***/
/** Dark Theme **/
/*** Dark Theme ***/
body {
background-color: #444444;
background-color: #444444;
}
* {
color: #CCCCCC;
color: #CCCCCC;
}
a {
color: #FF9900
color: #FF9900
}
h1,h2,h3,h4,h5,h6 {
color: #6633FF;
color: #6633FF;
}
.header {
/*background-color: #113311;*/
background-color: #222222;
/*background-color: #113311;*/
background-color: #222222;
}
.title {
background-color: #111111;
background-color: #111111;
}
.text {
background-color: #333333;
background-color: #333333;
}

5
pages/helpers/header.php
View File

@ -9,11 +9,14 @@
<link rel="icon" sizes="192x192"
href="https://www.hyperling.com/wp-content/uploads/2020/09/favicon.ico"
/>
<!--<link rel="stylesheet" href="/main.css">-->
<!-- CSS -->
<style>
<?php include "main.css"; ?>
</style>
<style>
<?php include "dark.css"; ?>
</style>
<style>
<?php include "banner.css"; ?>
</style>
</head>

26
pages/helpers/main.css
View File

@ -3,7 +3,7 @@
/* Enable dynamic stuffs, maks the element think its entire size includes padding. */
* {
box-sizing: border-box;
box-sizing: border-box;
}
/*** Page Sections ***/
@ -22,29 +22,29 @@
.col-12 {width: 100%;}
[class*="col-"] {
float: left;
padding: 15px;
/*border: 1px solid green;*/ /* FORTESTING otherwise disable */
float: left;
padding: 15px;
/*border: 1px solid green;*/ /* FORTESTING otherwise disable */
}
/* Ensure columns are respected as if they always exist. */
.row::after {
content: "";
clear: both;
display: table;
content: "";
clear: both;
display: table;
}
/** Make the menu items centered and layout horizontal. **/
.menu-list {
text-align: center;
list-style-type: none;
padding-left: 0px;
text-align: center;
list-style-type: none;
padding-left: 0px;
}
.menu_item {
display: inline-block;
display: inline-block;
}
.center {
text-align: center;
}
text-align: center;
}