diff --git a/assets/css/sidenav.css b/assets/css/sidenav.css index d5e7f27..8740b1a 100644 --- a/assets/css/sidenav.css +++ b/assets/css/sidenav.css @@ -30,7 +30,7 @@ display: inline-flex; transition: 0.3s; height: 40px; - width: 100%; + width: 270px; } .sidenav a .sidenav-content { diff --git a/assets/css/style.css b/assets/css/style.css index 4660e96..d4c621d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -393,6 +393,50 @@ Full-Width Styles width: 100px; } +#main_pages{ + width: 100%; + display: inline-grid; + padding: 0; + vertical-align: middle; +} + +.main-link{ + display: inline-flex; + vertical-align: middle; + width: 100%; + padding: 0; + margin: 5px; + height: 100px; + color: #e0e0e0; +} + +.main-link:hover{ + color: #1a5dad; +} + +.main-logo { + width: 20%; + font-size: 64px; + background: #1c1c1c; + box-shadow: 0 0 10px #1c1c1c; + display: inline-flex; +} + +.main-logo svg { + margin: auto; +} + +.main-text { + width: 80%; + font-size: 20px; + display: inline-flex; + background: linear-gradient(to right, #1c1c1c, transparent 90%); +} +.main-text span { + margin-top: auto; + margin-bottom: auto; +} + /******************************************************************************* Small Device Styles *******************************************************************************/ @@ -456,6 +500,12 @@ Small Device Styles #table_coms td{ width: 50%; } + .main-logo { + font-size: 32px; + } + .main-text { + font-size: 15px; + } } @media screen and (max-width: 320px) { diff --git a/includes/main_button_template.php b/includes/main_button_template.php new file mode 100644 index 0000000..f3bcd48 --- /dev/null +++ b/includes/main_button_template.php @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/index.php b/index.php index 4263fe1..6d34792 100644 --- a/index.php +++ b/index.php @@ -23,6 +23,52 @@ include("includes/sidenav.html");