From 8b9c99c7b4f1b494e15e02ab865b5c9c6d754010 Mon Sep 17 00:00:00 2001 From: Underemployed Date: Fri, 30 Dec 2022 09:55:40 +0630 Subject: [PATCH] Creating Blog Folder & Installing Extensions --- about.php | 12 + admin/add-category.php | 27 ++ admin/add-post.php | 41 ++ admin/add-user.php | 40 ++ admin/config/constants.php | 2 + admin/config/database.php | 2 + admin/edit-category.php | 25 + admin/edit-post.php | 37 ++ admin/edit-user.php | 28 ++ admin/index.php | 97 ++++ admin/manage-categories.php | 92 ++++ admin/manage-users.php | 100 ++++ admin/partials/header.php | 48 ++ applications.html | 79 ---- bitnami.css | 17 - blog.php | 325 +++++++++++++ category-posts.php | 315 +++++++++++++ config/constants.php | 2 + config/database.php | 2 + contact.php | 10 + css/style.css | 903 ++++++++++++++++++++++++++++++++++++ favicon.ico | Bin 30894 -> 0 bytes index.php | 340 +++++++++++++- js/main.js | 42 ++ partials/footer.php | 69 +++ partials/header.php | 48 ++ post.php | 48 ++ services.php | 11 + signin.php | 38 ++ signup.php | 45 ++ 30 files changed, 2739 insertions(+), 106 deletions(-) create mode 100644 about.php create mode 100644 admin/add-category.php create mode 100644 admin/add-post.php create mode 100644 admin/add-user.php create mode 100644 admin/config/constants.php create mode 100644 admin/config/database.php create mode 100644 admin/edit-category.php create mode 100644 admin/edit-post.php create mode 100644 admin/edit-user.php create mode 100644 admin/index.php create mode 100644 admin/manage-categories.php create mode 100644 admin/manage-users.php create mode 100644 admin/partials/header.php delete mode 100644 applications.html delete mode 100644 bitnami.css create mode 100644 blog.php create mode 100644 category-posts.php create mode 100644 config/constants.php create mode 100644 config/database.php create mode 100644 contact.php create mode 100644 css/style.css delete mode 100644 favicon.ico create mode 100644 js/main.js create mode 100644 partials/footer.php create mode 100644 partials/header.php create mode 100644 post.php create mode 100644 services.php create mode 100644 signin.php create mode 100644 signup.php diff --git a/about.php b/about.php new file mode 100644 index 0000000..bf26c13 --- /dev/null +++ b/about.php @@ -0,0 +1,12 @@ + + + +
+

About Page

+
+ + \ No newline at end of file diff --git a/admin/add-category.php b/admin/add-category.php new file mode 100644 index 0000000..868d694 --- /dev/null +++ b/admin/add-category.php @@ -0,0 +1,27 @@ + + +
+ +
+

Add Category

+
+

This is an error message

+
+
+ + + + +
+
+ + + + +
+ + diff --git a/admin/add-post.php b/admin/add-post.php new file mode 100644 index 0000000..7940d09 --- /dev/null +++ b/admin/add-post.php @@ -0,0 +1,41 @@ + + + + +
+
+

Add Post

+
+

This is an error message

+
+
+ + +
+ + +
+ + +
+ + +
+ +
+
+
+ + \ No newline at end of file diff --git a/admin/add-user.php b/admin/add-user.php new file mode 100644 index 0000000..8857b43 --- /dev/null +++ b/admin/add-user.php @@ -0,0 +1,40 @@ + + + +
+
+

Add User

+
+

This is an error message

+
+
+ + + + + + + +
+ + +
+ +
+
+
+ + + + + + \ No newline at end of file diff --git a/admin/config/constants.php b/admin/config/constants.php new file mode 100644 index 0000000..81219fc --- /dev/null +++ b/admin/config/constants.php @@ -0,0 +1,2 @@ + + + +
+ +
+

Edit Category

+
+ + + + +
+
+ + + + +
+ + \ No newline at end of file diff --git a/admin/edit-post.php b/admin/edit-post.php new file mode 100644 index 0000000..dfcd196 --- /dev/null +++ b/admin/edit-post.php @@ -0,0 +1,37 @@ + + +
+
+

Edit Post

+ +
+ + +
+ + +
+ + +
+ + +
+ +
+
+
+ +s \ No newline at end of file diff --git a/admin/edit-user.php b/admin/edit-user.php new file mode 100644 index 0000000..d94dc08 --- /dev/null +++ b/admin/edit-user.php @@ -0,0 +1,28 @@ + + +
+
+

Edit User

+ +
+ + + + +
+
+
+ + + + + \ No newline at end of file diff --git a/admin/index.php b/admin/index.php new file mode 100644 index 0000000..afbc8ac --- /dev/null +++ b/admin/index.php @@ -0,0 +1,97 @@ + + + +
+
+ + + + + +
+

Manage Posts

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
TitleEditDelete
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo, minus.EditDelete
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, corrupti!EditDelete
Lorem ipsum dolor sit amet elit. Distinctio, quibusdam!EditDelete
Lorem ipsum dolor sit amet consectetur, adipisicing elit.EditDelete
+
+
+
+ + + + + \ No newline at end of file diff --git a/admin/manage-categories.php b/admin/manage-categories.php new file mode 100644 index 0000000..410f617 --- /dev/null +++ b/admin/manage-categories.php @@ -0,0 +1,92 @@ + + + +
+
+ + + + + +
+

Manage Categories

+ + + + + + + + + + + + + + + + + + + + + + + + + +
TitleEditDelete
TravelEditDelete
MusicEditDelete
Wild LifeEditDelete
+
+
+
+ + + + + \ No newline at end of file diff --git a/admin/manage-users.php b/admin/manage-users.php new file mode 100644 index 0000000..e0105d2 --- /dev/null +++ b/admin/manage-users.php @@ -0,0 +1,100 @@ + + + +
+
+ + + + + +
+

Manage Users

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameUsernameEditDeleteAdmin
Named GuyNamed EditDeleteYes
Vinland Saga Saga EditDeleteNo
Pikachu GuyGuy EditDeleteYes
+
+
+
+ + + \ No newline at end of file diff --git a/admin/partials/header.php b/admin/partials/header.php new file mode 100644 index 0000000..e21ee8c --- /dev/null +++ b/admin/partials/header.php @@ -0,0 +1,48 @@ + + + + + + + + + php & mysql blog app with admin panel + + + + + + + + + + + + diff --git a/applications.html b/applications.html deleted file mode 100644 index b1c605a..0000000 --- a/applications.html +++ /dev/null @@ -1,79 +0,0 @@ - - - - - Bitnami: Open Source. Simplified - - - - -
- -
-
-
-
-
-

Apache Friends and Bitnami are cooperating to make dozens of open source applications available on XAMPP, for free. Bitnami-packaged applications include Wordpress, Drupal, Joomla! and dozens of others and can be deployed with one-click installers. Visit the Bitnami XAMPP page for details on the currently available apps.


-

Check out our Bitnami for XAMPP Start Guide for more information about the applications installed.

-
-
-
-
-
- -
-
-
- - - diff --git a/bitnami.css b/bitnami.css deleted file mode 100644 index fd441c8..0000000 --- a/bitnami.css +++ /dev/null @@ -1,17 +0,0 @@ -.module_top, .module_bottom{ - visibility: hidden; -} - -table { - border: 0px !important; -} - -.module_content img{ - min-width: 70px; -} - -.module_content h2{ - font-size: 30px; -} - - diff --git a/blog.php b/blog.php new file mode 100644 index 0000000..f2ea865 --- /dev/null +++ b/blog.php @@ -0,0 +1,325 @@ + +
+
+
+ + + +
+ +
+ + +
+ + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+ Wild Life + Music + Movies + Travel + Science & Technology + Food +
+
+ + + + diff --git a/category-posts.php b/category-posts.php new file mode 100644 index 0000000..4155a5c --- /dev/null +++ b/category-posts.php @@ -0,0 +1,315 @@ + +
+

Category Title

+
+ + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+ Wild Life + Music + Movies + Travel + Science & Technology + Food +
+
+ + + + \ No newline at end of file diff --git a/config/constants.php b/config/constants.php new file mode 100644 index 0000000..81219fc --- /dev/null +++ b/config/constants.php @@ -0,0 +1,2 @@ + +
+

Contact Page

+
+ + \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..3aef6ff --- /dev/null +++ b/css/style.css @@ -0,0 +1,903 @@ +:root {--color-primary: #6f6af8; + --color-primary-light: hsl(242, 91%, 69%, 18%); + --color-primary-variant: #5854c7; + --color-red: #da0f3f; + --color-red-light: hsl(346, 87%, 46%, 15%); + --color-green: #00c476; + --color-green-light: hsl(156, 100%, 38%, 15%); + --color-gray-900: #1e1e66; + --color-gray-700: #2d2b7c; + --color-gray-300: rgba(242, 242, 254, 0.3); + --color-gray-200: rgba(242, 242, 254, 0.7); + --color-white: #f2f2fe; + --color-bg: #0f0f3e; + + --transition: all 300ms ease; + + --container-width-lg: 74%; + --container-width-md: 88%; + --form-width: 40%; + + --card-border-radius-1: 0.3rem; + --card-border-radius-2: 0.5rem; + --card-border-radius-3: 0.8rem; + --card-border-radius-4: 2rem; + --card-border-radius-5: 5rem; +} + +/* ========================================== +=================GENERAL============= +============================================= */ + +* { + margin:0; + padding:0; + outline:0; + border:0; + appearance: 0; + list-style: none; + text-decoration: none; + box-sizing: border-box ; +} + +body{ + font-family: 'Monstserat',sans-serif; + line-height:1.6; + color:var(--color-gray-200); + overflow-x:hidden; + background-color: var(--color-bg); + font-size:0.9rem; +} + +.container { + + width:var(--container-width-lg); + max-width:1800px; + margin-inline:auto; + +} + +section{ + margin-top: 3rem; + + width:100vw ; +} + +.section__extra-margin{ + margin-top: 7rem; +} + + + +h1,h2,h3,h4,h5{ + color:var(--color-white); + line-height: 1.3; + +} + +h1{ + font-size: 3rem; + margin:1rem 0; +} +h2{ + font-size: 1.7rem; + margin:1rem 0; +} +h3{ + font-size: 1.1rem; + margin:1rem 0.8rem 0 0.5rem; +} +h4{ + font-size: 1rem; + +} + +a{ + color: var(--color-white); + transition: var(--transition); +} + +img{ + display:block; + width: 100%; + object-fit: cover; + +} + + + +nav{ + background: var(--color-primary); + width:100vw; + height:4.5rem; + position:fixed; + top:0; + z-index:10; + /* box-shadow:0 1rem 1rem rgba(0,0,0,0.2); */ + +} +nav button{ + display:none; + +} +.nav__container{ + height:100%; + display:flex; + align-items: center; + justify-content: space-between; +} + +.avatar{ + width:2.5rem; + height: 2.5rem; + border-radius:50%; + overflow:hidden; + border:0.25rem solid var(--color-bg); + +} + +.nav__logo{ + font-weight:600; + font-size:1.2rem; +} + +.nav__items{ + display:flex; + align-items: center; + gap:4rem; + +} +.nav__profile{ + position:relative; + cursor:pointer; + +} +.nav__profile ul{ + position:absolute; + top:140%; + right:0; + display:flex; + flex-direction:column; + box-shadow:0 3rem 3rem rgba(0,0,0,0.4); + + visibility: hidden; + opacity:0; + transition:var(--transition); + +} +/*show nav ul when nav profile is hovered*/ +.nav__profile:hover>ul{ + visibility: visible; + opacity:1; +} +.nav__profile ul li a { + padding:1rem; + background:var(--color-gray-900); + display:block; + width:100%; +} + +.nav__profile ul li:last-child a{ + background:var(--color-red); + color:var(--color-bg); +} + +/*================================================================== +====================== CATEGORY BUTTON ======================= +===================================================================*/ +.category__button{ + background: var(--color-primary-light); + color:var(--color-primary); + display:inline-block; + padding:0.5rem 1rem; + border-radius: var(--card-border-radius-2); + font-weight:600; + font-size:0.8rem; + text-align: center; + + +} + +.category__button:hover{ + color: var(--color-white) +} + +/*================================================================== +====================== GENERAL POST ======================= +===================================================================*/ + +.post__thumbnail{ + border-radius: var(--card-border-radius-5) 0; + border:1rem solid var(--color-gray-900); + overflow:hidden; + margin-bottom : 1.6rem; +} + +.post:hover .post__thumbnail img{ + filter:saturate(0); + transform: filter 500ms ease; +} + +.post__author { + display: flex; + gap:1rem; + margin-top: 1.2rem; + +} + +.post__author-avatar{ + width: 2.5rem; + height:2.5rem; + border-radius:var(--card-border-radius-3); + overflow:hidden; + +} + + +/*================================================================== +====================== FEATURED ======================= +===================================================================*/ + +.featured{ + margin-top: 8rem; + +} + +.featured__container{ + display: grid; + grid-template-columns: 1fr 1fr; + gap:4rem; +} +.featured .post__thumbnail{ + height: fit-content; +} + +/*================================================================== +====================== POST ======================= +===================================================================*/ + +.posts__container{ + display: grid; + grid-template-columns: repeat(3,1fr); + gap:5rem; + margin-bottom: 5rem; +} + + +/*================================================================== +====================== CATEGORY BUTTONS ======================= +===================================================================*/ + +.category__buttons{ + padding:4rem 0; + border-top:2px solid var(--color-gray-900); + border-bottom:2px solid var(--color-gray-900); +} + +.category__buttons-container{ + width:fit-content; + display: grid; + grid-template-columns: repeat(3,1fr); + gap:1rem; +} + +footer{ + background: var(--color-gray-900); + padding: 5rem 0 0; + box-shadow: inset 0 1.5rem 1.5rem rgba(0,0,0,0.2); +} + + +.footer__socials{ + margin-inline:auto; + width:fit-content; + margin-bottom:5rem; + display: flex; + justify-content:space-between; + align-items: center ; + gap: 1.2rem; +} + +.footer__socials a{ + background: var(--color-bg); + border-radius: 50%; + width:2.3rem; + height: 2.3rem; + display:flex; + align-items: center; + justify-content: center; + +} + +.footer__socials a:hover { + background: var(--color-white); + color: var(--color-bg); +} + +.footer__container{ + display:grid; + grid-template-columns: repeat(4,1fr); +} +footer h4{ + color: var(--color-white); + margin-bottom: 0.6rem; +} + + +footer ul li { + padding: 0.4rem 0; +} + +footer ul a{ + opacity: 0.75; +} +footer ul a:hover{ + letter-spacing: 0.2rem; + opacity: 1; +} + +.footer__copyright{ + text-align: center; + padding: 1.5rem 0; + border-top: 2px solid var(--color-bg); + margin-top: 4rem; +} + +/*============================================================================================ +============ SEARCH ================================== ============= +============================================================================================*/ + + +.search__bar{ + margin-top: 7rem; +} +.search__bar-container{ + position: relative; + width: 30rem; + background: var(--color-gray-900); + display:flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + overflow: hidden; + padding: 0.6rem 1rem; + border-radius:var(--card-border-radius-2); + color:var(--color-gray-300); +} +.search__bar-container > div{ + width:100%; + display: flex; + align-items: center; +} +.search__bar input{ + outline: none; + background:transparent; + margin: 0.7rem; + padding:0.5rem 0; + width: 100%; +} + +.search__bar input::placeholder{ + color:var(--color-gray-300); +} + + /*============================================================== + ======================== BUTTON ================================= + ==============================================================*/ + + +.btn{ + display: inline-block; + width: fit-content; + padding:0.6rem 1.2rem; + background-color:var(--color-primary); + border-radius: var(--card-border-radius-2); + cursor: pointer; + transition: var(--transition); + color:var(--color-white); +} + +.btn.sm { + padding:0.3rem 0.7rem; + font-size: 0.8rem; +} + +.btn.danger{ + background:var(--color-red); +} + +.btn:hover{ + background:var(--color-white); + color:var(--color-bg) +} + + + +/*======================================================================================= +================= SINGLE POST ================================================================ +==============================================================================*/ + +.singlepost { + margin:6rem 0 2rem; + +} + +.singlepost__container{ + width:var(--form-width); + background: var(--color-gray-900); + padding: 1rem 2rem 3rem; + +} + +.singlepost__thumbnail{ + margin:1.5rem 0 1rem; +} +.singlepost__container p{ + margin-top: 1rem; + line-height: 1.6rem; +} + +/*======================================================================================= +================= CATEGOTY POST ================================================================ +==============================================================================*/ + + + +.category__title{ + height:7rem; + margin-top: 4.5rem; + background: var(--color-gray-900); + display: grid; + place-items: center; +} +/*======================================================================================= +================= EMPTY PAGE ================================================================ +==============================================================================*/ +.empty__page{ + height:70vh; + display: grid; + place-content: center; +} + + + +/*======================================================================================= +GENERAL FORM +==============================================================================*/ + +.form__section{ + margin: 6rem 0 6rem; + display: grid; + place-items: center; + height: 100vh; +} +.form__section-container{ + width:var(--form-width); + +} + +.alert__message{ + background: red; + padding: 0.8rem 1.4rem; + margin-bottom: 1rem; + border-radius: var(--card-border-radius-2); +} + +.alert__message.error{ + background: var(--color-red-light); + color: var(--color-red); +} + +.alert__message.success{ + background: var(--color-green-light); + color: var(--color-green); +} + +.alert__message.lg{ + text-align: center; +} + + +form{ + display: flex; + flex-direction: column; + gap:1rem; +} + +.form__control{ + display: flex; + flex-direction: column; + gap: 0.6rem; +} +.form__control.inline{ + flex-direction: row; + align-items: center; + +} + +input,textarea,select{ + padding: 0.8rem 1.4rem; + background: var(--color-gray-900); + border-radius: var(--card-border-radius-2 ); + resize:none; + color: var(--color-white); + +} + +.form__section small { + margin-top: 1rem; + display: block; + +} + +.form__section small a{ + color:var(--color-primary) +} + +/*======================================================================================= +================= DASHBOARD ================================================================ +==============================================================================*/ + +.dashboard{ + margin-top: 6rem; + +} + +.sidebar__toggle{ + display: none; +} + + +.dashboard__container{ + display: grid; + grid-template-columns: 14rem auto; + gap:1rem; + background: var(--color-gray-900); + padding: 2rem; + margin-bottom: 5rem; +} + +.dashboard aside a{ + background-color: var(--color-primary); + display: flex; + gap:1rem; + align-items: center; + padding:1.6rem; +} + +.dashboard aside ul li:not(:last-child) a { + border-bottom: 1px solid var(--color-gray-900); +} + +.dashboard aside a:hover{ + background-color: var(--color-gray-700); +} + +.dashboard aside a.active{ + background-color: var(--color-gray-900); +} + +.dashboard main{ + margin-left: 1.5rem; +} + +.dashboard main h2{ + margin: 0 0 2rem 0; + line-height: 1; +} + +.dashboard main table{ + width: 100%; + text-align: left; +} + + + +.dashboard main table th{ + background:var(--color-gray-700); + padding:0.8rem; + color: var(--color-white); +} + +.dashboard main table td{ + padding:0.8rem; + border-bottom: 1px solid var(--color-gray-200); +} + +.dashboard main table tr:hover td{ + background-color:var(--color-bg); + color: var(--color-white); + cursor:default; + transition:var(--transition) +} + + + +/*============================================================================================ +============ MEDIA QUERIES ============================================== +(MEDIUM DEVICES) ================================== ============= +============================================================================================*/ +@media screen and (max-width:1024px) { + + /*========================GENERAL=================================*/ + + .container{ + width:var(--container-width-md); + } + h2{ + font-size: 1.6rem; + } + + h3{ + font-size: 1.2rem; + } + h5{ + font-size: 0.8rem; + } + /*======================NAV==========================*/ + nav button{ + display: inline-block; + font-size: 1.5rem; + background: transparent; + color:var(--color-white); + cursor:pointer; + } + + nav button#close__nav-btn { + display:none; + } + + .nav__container{ + position:relative; + } + + .nav__items{ + position: absolute; + flex-direction: column; + top: 100%; + right: 0; + width: 12rem; + align-items: flex-start; + justify-content:center; + gap:0; + display: none ; + } + .nav__items li{ + width: 100%; + height:4.5rem; + display: flex; + align-items: center; + box-shadow: -2rem 3rem 7rem rgba(0, 0, 0, 0.7); + background: var(--color-gray-900); + border-top:1px solid var(--color-bg); + animation:animateDropdown 1s 0s ease forwards; + opacity: 0; + transform-origin: top; + } + + .nav__items li:nth-child(2){ + animation-delay: 200ms; + } + .nav__items li:nth-child(3){ + animation-delay: 400ms; + } + .nav__items li:nth-child(4){ + animation-delay: 600ms; + } + .nav__items li:nth-child(5){ + animation-delay: 800ms; + }.nav__items li:nth-child(6){ + animation-delay: 1000ms; + } + + + + + + /* nav dropdown animation*/ + + @keyframes animateDropdown { + 0%{ + transform: rotateX(90deg) ; + + } + 100%{ + transform: rotateX(0deg); + opacity:1 + } + } + + + .nav__items li a{ + border-radius: 0; + width:100%; + height:100%; + background: var(--color-gray-900); + padding: 0 2rem; + display: flex; + align-items: center; + + } + + .nav__profile{ + background: var(--color-gray-900); + + } + .nav__profile ul{ + top: 100%; + width: 100%; + } + .nav__profile .avatar{ + margin-left: 2rem; + border:0; + } + .featured__container{ + gap:3rem; + } + .posts__container{ + grid-template-columns: 1fr 1fr; + gap:3rem; + } + .footer__container{ + grid-template-columns: 1fr 1fr; + gap: 3rem; + + } + /*====================== BLOG ===================*/ + .search__bar-container{ + width: var(--container-width-lg); + + } + /*====================== GENERAL FORM =================*/ + .form__section-container{ + padding:3rem; + } + + /*====================== DASHBOARD =================*/ + + .dashboard__container{ + grid-template-columns: 4.3rem auto; + padding: 0; + background:transparent; + } + + .dashboard aside{ + background: var(--color-primary); + } + .dashboard aside h5{ + display:none; + } + + .dashboard main table thead{ + display:none; + + } + + .dashboard main table tr{ + display: flex; + flex-direction: column; + } + + .dashboard main table tr:nth-child(even){ + background:var(--color-gray-900); + } + .dashboard main table tr:hover td{ + background:transparent; + } +} + + + +/*============================================================================================ +============ MEDIA QUERIES ============================================== +(SMALL DEVICES) ================================== ============= +============================================================================================*/ + +@media screen and (max-width: 600px) { + section{ + margin-top:2rem; + } + h1{ + font-size: 2rem; + } + .featured{ + margin-top: 6rem; + } + .featured__container{ + grid-template-columns: 1fr; + gap: 0; + } + .posts__container{ + grid-template-columns: 1fr; + + } + .category__buttons-container{ + grid-template-columns: 1fr 1fr; + } + + .footer__container{ + grid-template-columns: 1fr; + text-align: center; + gap: 2rem; + } + /*====================== BLOG ================*/ + .search__bar-container{ + width:var(--container-width-md); + + } + /*====================== SINGLE POST ================*/ + .singlepost__container{ + background-color: transparent; + padding:0; + } + /*====================== GENERAL FORM ================*/ + .form__section{ + margin:0; + display: grid; + place-items: center; + + } + .form__section-container{ + padding: 0; + } + + /*====================== DASHBOARD ================*/ + .dashboard{ + + margin-top: 5rem; + } + + .dashboard__container{ + grid-template-columns: 1fr; + gap: 0; + } + .dashboard main{ + + + margin: 0; + } + + .dashboard main h2{ + margin-top: 1rem; + } + + + .dashboard aside{ + + position: fixed; + box-shadow: 2rem 0 4rem rgba(0,0,0,0.4); + left: 0; + height: 100vh; + transition: var(--transition); + background: var(--color-primary); + + } + + .dashboard .sidebar__toggle{ + display: inline-block; + background: var(--color-primary-variant); + color:var(--color-white); + position:fixed; + right :0; + bottom: 4rem; + z-index: 1; + width: 2.5rem; + height: 2.5rem; + border-radius: 50% 0 0 50%; + font-size: 1.3rem; + cursor: pointer; + box-shadow: -1rem 0 2rem rgba(0,0,0,0.4); + + } + + + .dashboard aside a h5{ + display: inline-block; + } + + #hide__sidebar-btn{ + display: none; + } + + +} diff --git a/favicon.ico b/favicon.ico deleted file mode 100644 index ca0acbbdb9400bf1fa04ac87dbc060249fbc7c8c..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 30894 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 diff --git a/index.php b/index.php index 3d4cb47..30ec777 100644 --- a/index.php +++ b/index.php @@ -1,11 +1,331 @@ - -Something is wrong with the XAMPP installation :-( + +
+
+
+ +
+
+ Wild Life +

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquid!

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. At quidem reiciendis in fuga consequatur eligendi molestiae, magnam assumenda laborum inventore deleniti. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Reprehenderit maxime sapiente dolores iure quae necessitatibus ut perferendis aliquam fugiat cupiditate. +

+
+ +
+
+
By: Underemployed
+ June 10, 2022 - 07:23 +
+
+
+
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +
+ + +
+
+ Wild Life + Music + Movies + Travel + Science & Technology + Food +
+
+ + \ No newline at end of file diff --git a/js/main.js b/js/main.js new file mode 100644 index 0000000..6262c61 --- /dev/null +++ b/js/main.js @@ -0,0 +1,42 @@ +const navItem =document.querySelector(".nav__items"); +const openNavBtn =document.querySelector("#open__nav-btn"); +const closeNavBtn =document.querySelector("#close__nav-btn"); + +const openNav =()=>{ + navItem.style.display="flex"; + openNavBtn.style.display="none"; + closeNavBtn.style.display="inline-block"; +} +const closeNav=()=>{ + navItem.style.display="none"; + openNavBtn.style.display="inline-block"; + closeNavBtn.style.display="none"; + +} +openNavBtn.addEventListener("click", openNav) +closeNavBtn.addEventListener("click", closeNav) + + +const sidebar = document.querySelector("aside"); +const showSidebarBtn = document.querySelector("#show__sidebar-btn"); +const hideSidebarBtn = document.querySelector("#hide__sidebar-btn"); + + +const showSidebar = () => { + + sidebar.style.left = "0"; + showSidebarBtn.style.display="none"; + hideSidebarBtn.style.display='inline-block'; + +} + +const hideSidebar = () => { + + sidebar.style.left = "-100%"; + showSidebarBtn.style.display="inline-block"; + hideSidebarBtn.style.display="none"; + +} + +showSidebarBtn.addEventListener("click", showSidebar); +hideSidebarBtn.addEventListener("click", hideSidebar); \ No newline at end of file diff --git a/partials/footer.php b/partials/footer.php new file mode 100644 index 0000000..16130cd --- /dev/null +++ b/partials/footer.php @@ -0,0 +1,69 @@ + + + + + + + + + + diff --git a/partials/header.php b/partials/header.php new file mode 100644 index 0000000..8504fce --- /dev/null +++ b/partials/header.php @@ -0,0 +1,48 @@ + + + + + + + + + php & mysql blog app with admin panel + + + + + + + + + + + + diff --git a/post.php b/post.php new file mode 100644 index 0000000..dc3aed4 --- /dev/null +++ b/post.php @@ -0,0 +1,48 @@ + + + + +
+
+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, dolore.

+
+
+ +
+
+
By: Jone titus
+ June 12,2022 - 20:23 +
+
+
+ +
+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo quae numquam exercitationem optio aperiam accusamus, debitis at, sint illo accusantium possimus quo maiores! Aperiam pariatur, eligendi in tempore autem fugit perspiciatis praesentium dolore rerum ipsum molestias atque blanditiis iure labore.

+ + +
+ +
+ + + + + + + + + \ No newline at end of file diff --git a/services.php b/services.php new file mode 100644 index 0000000..94c9f48 --- /dev/null +++ b/services.php @@ -0,0 +1,11 @@ + + +
+

Services Page

+
+ + \ No newline at end of file diff --git a/signin.php b/signin.php new file mode 100644 index 0000000..801787d --- /dev/null +++ b/signin.php @@ -0,0 +1,38 @@ + + + + + + + UNDEREMPLOYED + + + + + + + + + + +
+ +
+

Sign In

+
+

This is an success message

+
+
+ + + + + Don't have an account? Sign up +
+
+ +
+ + + + \ No newline at end of file diff --git a/signup.php b/signup.php new file mode 100644 index 0000000..5d43618 --- /dev/null +++ b/signup.php @@ -0,0 +1,45 @@ + + + + + + + UNDEREMPLOYED + + + + + + + + + + +
+ +
+

Sign Up

+
+

This is an error message

+
+
+ + + + + + +
+ + +
+ + Already have an Account? Sign in +
+
+ +
+ + + + \ No newline at end of file