Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

working changed File Folder Structure Migrate to Next.js 13 #659 #772

Closed
wants to merge 4 commits into from
Closed

working changed File Folder Structure Migrate to Next.js 13 #659 #772

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
968a53a
working changed File Folder Structure Migrate to Next.js 13 #659
Jul 1, 2023
22f413e
removed src folder added intothe app folder
Jul 1, 2023
89a8e71
Merge branch 'next-ts-tw-migrate' into next-ts-tw-migrate
crocmons Jul 1, 2023
6849ce6
updated
Jul 2, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
102 changes: 102 additions & 0 deletions app/About/About.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
.about {
background-color: var(--bgLight);
padding: 20px 0;
color: var(--textLight);
}
/*
.about {
background-color: #f8f8f8;
padding: 50px 0;
color: #333;
}
*/
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.about-content {
display: flex;
align-items: center;
}

.about-text {
flex: 1;
margin-bottom: 20px;
}

.about-title {
font-size: 42px;
font-weight: bold;
margin-bottom: 20px;
margin-top: 35px;
color: #333;
}

.about-description {
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
}

.about-image {
flex: 1;
text-align: center;
margin: 20px;
}

.book-image {
max-width: 100%;
height: auto;
padding-bottom: 100px;
}

.giphy-image {
max-width: 100%;
height: auto;
margin-top: 20px;
}

@media (max-width: 768px) {
.about-content {
flex-direction: column;
}

.about-text {
margin-top: 20px;
}

.about-title {
font-size: 32px;
}

.about-description {
font-size: 16px;
}
}
/* Animation styles */
[data-aos] {
transition-duration: 0.8s;
transition-timing-function: ease;
opacity: 0;
}

[data-aos].aos-animate {
opacity: 1;
}

[data-aos="fade-left"].aos-animate {
transform: translateX(0);
}

[data-aos="fade-right"].aos-animate {
transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
[data-aos],
[data-aos][data-aos-easing] {
transition: none !important;
}
}
51 changes: 51 additions & 0 deletions app/About/About.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
import React, { useEffect } from "react";
import "./About.css";
import aboutUs from "../../assets/mainPages/aboutUs.webp";
import { useMediaQuery } from "react-responsive";
import ScrollToTopButton from "../../components/ScrollButton/ScrollButton";
import Feature from "../../components/About/Feature";
import Testimonial from "../../components/About/Testimonial";
import Download from "../../components/About/Download";
import AOS from "aos";
import "aos/dist/aos.css";
import '../../components/About/Feature.css'

const About = (props) => {
const isMobile = useMediaQuery({ query: "(max-width: 768px)" });

useEffect(() => {
AOS.init({
once: false,
});
AOS.refresh();
}, []);

return (
<div className="about">
<div className="w-11/12 flex flex-wrap mx-auto justify-center items-center mt-28 mb-5 max-w-screen-2xl">
<div className="md:w-1/2 w-11/12" data-aos="fade-left" data-aos-duration="500">
<img loading='lazy' src={aboutUs} className="w-11/12" alt="about us" />
</div>
<div className="md:w-1/2 p-3 w-11/12" data-aos="fade-right" data-aos-duration="500">
<h1 className="text-5xl mb-6 font-bold">About Us</h1>
<p className="leading-6">
Book Listing App connects book lovers, fostering a vibrant community
of diverse genres. Our mission is to make reading accessible,
enjoyable, and interactive for all, promoting literacy and building
a strong book-centric community. Discover new books, engage in
discussions, and share the joy of reading. Our curated collection
caters to various interests, ensuring there's something for every
reader. Join us to explore, connect, and celebrate the magic of
reading!
</p>
</div>
</div>
<ScrollToTopButton />
<Feature theme={props.theme} />
<div className="Testimonial"><Testimonial /></div>
<Download />
</div>
);
};

export default About;
65 changes: 65 additions & 0 deletions app/Accessibility/Accessibility.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
.access {
padding: 50px 0;
background-color: var(--bgLight);
}

.access-container {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}

.access-title {
font-size: 28px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
padding-top: 40px;
}

.access-section {
margin-bottom: 40px;
}

.access-section-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}

.access-subsection-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}

.access-content {
text-align: justify;
line-height: 1.5;
}

.access-content p {
margin-bottom: 15px;
}

.access-content ul {
margin-bottom: 15px;
padding-left: 20px;
}

.access-content ul li {
margin-bottom: 5px;
}

.access-content a {
color: #007bff;
text-decoration: none;
}

.access-content a:hover {
text-decoration: underline;
}

.access-content .contact-email {
font-weight: bold;
}
70 changes: 70 additions & 0 deletions app/Accessibility/Accessibility.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
import React from "react";
import "./Accessibility.css";

const AccessibilityPage = () => {
return (
<div className="access">
<div className="access-container">
<h2 className="access-title">Accessibility Statement</h2>
<div className="access-section">
<h3 className="access-section-title">Commitment to Accessibility</h3>
<div className="access-content">
<p>
At <strong><i> Informatician</i></strong>, we are committed to ensuring accessibility for all visitors to our website. We strive to make our website user-friendly and accessible to individuals with disabilities, in compliance with applicable accessibility standards and guidelines.
</p>
</div>
</div>
<div className="access-section">
<h3 className="access-section-title">Inclusive User Experience</h3>
<div className="access-content">
<p>
We aim to provide a positive and inclusive experience for all users, including those with visual, auditory, motor, and cognitive impairments. Our goal is to remove barriers and provide equal access to information and functionality on our website.
</p>
</div>
</div>
<div className="access-section">
<h3 className="access-section-title">Continuous Improvement</h3>
<div className="access-content">
<p>
We continuously work towards improving the accessibility of our website and implementing best practices. We value feedback from our users and welcome any suggestions or issues related to accessibility.
</p>
</div>
</div>
<div className="access-section">
<h3 className="access-section-title">Dedication to Accessibility</h3>
<div className="access-content">
<p>
We are dedicated to providing an accessible online environment for everyone and appreciate your support in this endeavor. Our commitment to accessibility is an ongoing effort, and we continuously strive to enhance the usability and inclusivity of our website based on user feedback and evolving accessibility standards.
</p>
</div>
</div>
<div className="access-section">
<h3 className="access-section-title">Third-Party Content and Integration</h3>
<div className="access-content">
<p>
Please note that while we make every effort to ensure accessibility, some third-party content or features integrated into our website may be beyond our immediate control. However, we strive to collaborate with accessible third-party providers to ensure a seamless and inclusive user experience.
</p>
</div>
</div>
<div className="access-section">
<h3 className="access-section-title">Feedback and Contact</h3>
<div className="access-content">
<p>
If you encounter any accessibility barriers or have any questions or suggestions regarding the accessibility of our website, please contact us using the information provided below. Your feedback is valuable in helping us enhance accessibility for all users.
</p>
</div>
</div>
<div className="access-section">
<h3 className="access-section-title">Contact Us</h3>
<div className="access-content">
<p>
If you have any questions or concerns about this Privacy Policy, please contact us at <a href="mailto:[email protected]" className="contact-email">[email protected]</a>.
</p>
</div>
</div>
</div>
</div>
);
};

export default AccessibilityPage;
65 changes: 65 additions & 0 deletions app/AdChoices/AdChoices.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
.adchoices {
padding: 50px 0;
background-color: var(--bgLight);
}

.adchoices-container {
max-width: 960px;
margin: 0 auto;
padding: 0 20px;
}

.adchoices-title {
font-size: 28px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
padding-top: 40px;
}

.adchoices-section {
margin-bottom: 40px;
}

.adchoices-section-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}

.adchoices-subsection-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}

.adchoices-content {
text-align: justify;
line-height: 1.5;
}

.adchoices-content p {
margin-bottom: 15px;
}

.adchoices-content ul {
margin-bottom: 15px;
padding-left: 20px;
}

.adchoices-content ul li {
margin-bottom: 5px;
}

.adchoices-content a {
color: #007bff;
text-decoration: none;
}

.adchoices-content a:hover {
text-decoration: underline;
}

.adchoices-content .contact-email {
font-weight: bold;
}
Loading