Skip to content

Commit 0a9691a

Browse files
author
Programming-Sai
committed
Done with the about and contact pages. also added some custom loading animations for screens. on to privacy policy page and then code cleanup in preparation for static hosting on gihub pages
1 parent 0e35f8d commit 0a9691a

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+1034
-85
lines changed

‎public/heroAnimation.gif‎

380 KB
Loading

‎src/app/about/about.module.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
.flexWrapper{
2+
display: flex;
3+
justify-content: space-between;
4+
align-items: flex-start;
5+
gap: 30px;
6+
margin-block: 5%;
7+
}
8+
9+
.itemTwo{
10+
width: 100%;
11+
}
12+
13+
@media screen and (max-width:640px) {
14+
.flexWrapper{
15+
flex-direction: column;
16+
}
17+
}

‎src/app/about/page.jsx‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,9 @@ import styles from './about.module.css';
33
import Wrapper from '@/components/pagewrapper/Wrapper';
44
import Navbar from '@/components/navbar/Navbar';
55
import Footer from '@/components/footer/Footer';
6+
import AboutHeroSection from '@/components/aboutherosection/AboutHeroSection';
7+
import AboutContent from '@/components/aboutcontent/AboutContent';
8+
import PopularPosts from '@/components/popularposts/PopularPosts';
69

710

811
const About = ({ slug }) => {
@@ -11,7 +14,11 @@ const About = ({ slug }) => {
1114
<Navbar />
1215
<Wrapper>
1316
<div className={styles.container} style={{zIndex: 1}}>
14-
About
17+
<AboutHeroSection />
18+
<div className={styles.flexWrapper}>
19+
<AboutContent className={styles.itemOne} />
20+
<PopularPosts className={styles.itemTwo} glow={ true } borderRad='20px' marginBlock='0%' isOutline='2px'/>
21+
</div>
1522
</div>
1623
</Wrapper>
1724
<Footer />

‎src/app/admin/admin-not-found.jsx‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
'use client'
2+
import React, { useContext } from 'react'
3+
import TopBar from '@/components/topbar/TopBar';
4+
import SideNavbar from '@/components/sidenavbar/SideNavbar';
5+
import './globals.css'
6+
import styles from './admin-not-found.module.css'
7+
import { ThemeContext } from '@/context/ThemeContext'
8+
import Glow from '@/components/glow/Glow';
9+
10+
11+
12+
const AdminNotFound = () => {
13+
const { theme, toggleSidePane } = useContext(ThemeContext);
14+
15+
return (
16+
<div className='admin-container'>
17+
<main className='admin-wrapper'>
18+
<SideNavbar />
19+
<TopBar />
20+
<div className={`${styles.container} ${toggleSidePane ? styles.active : ''}`} style={toggleSidePane ? {'--left': '80px', zIndex: 10} : {'--left': '250px', zIndex: 10}}>
21+
<div className={styles.notFoundContainer}>
22+
<Glow
23+
top='-40%'
24+
left='10%'
25+
width={500}
26+
height={500}
27+
color= {theme === 'dark' ? 'red': 'gold'}
28+
mtop='-5%'
29+
mleft='0%'
30+
/>
31+
<h1>Error... 404 Page Not Found</h1>
32+
<h3>Sorry, the page you are looking for may not exist</h3>
33+
<h6>Plaese use the side bar to navigate to an existing page.</h6>
34+
<Glow
35+
top='30%'
36+
left='50%'
37+
width={500}
38+
height={500}
39+
color= {theme === 'dark' ? 'purple': 'green'}
40+
mtop='-5%'
41+
mleft='0%'
42+
/>
43+
</div>
44+
</div>
45+
</main>
46+
</div>
47+
)
48+
}
49+
50+
export default AdminNotFound
51+

‎src/app/admin/admin-not-found.module.css‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
.container{
2+
position: relative;
3+
width: calc(100% - var(--left));
4+
left: var(--left);
5+
/* min-height: 100vh; */
6+
padding: 20px;
7+
top: 100%;
8+
/* margin-bottom: 5%; */
9+
}
10+
11+
12+
.buton {
13+
font-size: 2rem;
14+
cursor: pointer;
15+
transition: left 0.3s ease;
16+
}
17+
18+
.container.active ~ .buton {
19+
left: 80px;
20+
}
21+
22+
.top{
23+
display: flex;
24+
justify-content: space-between;
25+
align-items: center;
26+
width: 100%;
27+
margin-block: 2%;
28+
}
29+
30+
.top h2{
31+
width: 100%;
32+
text-align: center;
33+
}
34+
35+
.notFoundContainer{
36+
display: flex;
37+
justify-content: center;
38+
align-items: center;
39+
min-height: 70vh;
40+
flex-direction: column;
41+
gap: 30px;
42+
}
43+
44+
.notFoundContainer h3{
45+
opacity: 0.6;
46+
}
47+
48+
49+
50+
.notFoundContainer h6{
51+
opacity: 0.4;
52+
}
53+
54+
55+
56+
@media screen and (max-width:1424px){
57+
.container{
58+
width: calc(100% - 80px);
59+
left: 80px;
60+
}
61+
}
62+
63+
64+
65+
@media screen and (max-width:868px) {
66+
.container{
67+
width: 100%;
68+
left: 0;
69+
70+
}
71+
72+
}
73+
74+
@media screen and (max-width:640px) {
75+
.container{
76+
margin-bottom: 30%;
77+
}
78+
}
79+

‎src/app/admin/drafts/drafts.module.css‎

Lines changed: 29 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@
66
padding: 20px;
77
top: 100%;
88
margin-bottom: 5%;
9-
/* background-color: red; */
109
}
1110

1211

@@ -31,4 +30,32 @@
3130
.top h2{
3231
width: 100%;
3332
text-align: center;
34-
}
33+
}
34+
35+
36+
37+
38+
@media screen and (max-width:1424px){
39+
.container{
40+
width: calc(100% - 80px);
41+
left: 80px;
42+
}
43+
}
44+
45+
46+
47+
@media screen and (max-width:868px) {
48+
.container{
49+
width: 100%;
50+
left: 0;
51+
52+
}
53+
54+
}
55+
56+
@media screen and (max-width:640px) {
57+
.container{
58+
margin-bottom: 30%;
59+
}
60+
}
61+

‎src/app/admin/drafts/page.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ import BlogTable from '@/components/blogtable/BlogTable';
88

99

1010
const Drafts = () => {
11-
const { setToggleSidePane, toggleSidePane } = useContext(ThemeContext);
11+
const { toggleSidePane } = useContext(ThemeContext);
1212

1313
const blogData = [
1414
{ id: 1, title: 'A Deep Dive into the World of Music', date: '01 Oct 2024', thumbnail: '/culture.png', category: 'Music', views: 150, comments: 5, shares: 10 },

‎src/app/admin/editor/page.jsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -191,9 +191,7 @@ const handleTitleChange = (event) => {
191191
}
192192
}, []);
193193

194-
useEffect(() => {
195-
localStorage.setItem('quillTheme', quillTheme);
196-
}, [quillTheme]);
194+
197195

198196

199197

‎src/app/admin/globals.css‎

Lines changed: 38 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,51 @@
11

2-
.container{
2+
.admin-container{
33
background-color: var(--bg);
44
color: var(--text-color);
55
width: 100vw;
66
overflow: hidden;
77
}
88

9-
.wrapper{
9+
.admin-wrapper{
1010
width: 100%;
1111
min-height: 100vh;
1212
margin: 0;
1313
padding: 0;
1414
}
1515

16+
@media screen and (max-width:2560px) {
17+
.admin-container{
18+
margin-left: -200px;
19+
}
20+
}
21+
22+
@media screen and (max-width:1440px) {
23+
.admin-container{
24+
margin-left: -152px;
25+
}
26+
}
27+
28+
29+
@media screen and (max-width:1300px) {
30+
.admin-container{
31+
margin-left: -145px;
32+
}
33+
}
34+
35+
@media screen and (max-width:1224px) {
36+
.admin-container{
37+
margin-left: -142px;
38+
}
39+
}
40+
41+
@media screen and (max-width:1024px) {
42+
.admin-container{
43+
margin-left: -35px;
44+
}
45+
}
46+
47+
@media screen and (max-width:650px) {
48+
.admin-container{
49+
margin-left: -20px;
50+
}
51+
}

‎src/app/admin/layout.js‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
// app/admin/layout.js
22
'use client'
33
import TopBar from '@/components/topbar/TopBar';
4-
import '../globals.css';
4+
// import '../globals.css';
55
import './globals.css';
66
import SideNavbar from '@/components/sidenavbar/SideNavbar';
77
import React from 'react';
88

99

1010
export default function AdminLayout({ children }) {
1111
return (
12-
<div className='container'>
13-
<main className='wrapper'>
12+
<div className='admin-container'>
13+
<main className='admin-wrapper'>
1414
<SideNavbar />
1515
<TopBar />
1616
{children}

0 commit comments

Comments
 (0)