PTS/SkyArtShop
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

webupdate

Browse Source
This commit is contained in:
Local Server
2026-01-19 01:17:43 -06:00
parent 5b86f796d6
commit f8068ba54c
65 changed files with 2165 additions and 520 deletions
Download Patch File Download Diff File Expand all files Collapse all files

136
website/public/about.html
View File

@@ -8,6 +8,7 @@
content="About Sky Art Shop - Your creative stationery destination"
/>
<title>About Us - Sky Art Shop</title>
<link rel="icon" type="image/png" href="/favicon.png" />
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
@@ -24,13 +25,10 @@
/>
<!-- Modern Theme CSS -->
<link rel="stylesheet" href="/assets/css/modern-theme.css?v=fix33" />
<link
rel="stylesheet"
href="/assets/css/modern-theme.css?v=20260118drawer"
/>
<link
rel="stylesheet"
href="/assets/css/mobile-fixes.css?v=20260118editor"
href="/assets/css/mobile-fixes.css?v=20260118fix30"
/>
<style>
@@ -54,10 +52,10 @@
margin-bottom: 0;
}
/* White background content area */
/* Light pink background content area - matches shop page */
.about-content-wrapper {
background: #ffffff;
padding-top: var(--spacing-2xl);
background: var(--bg-light);
padding-top: var(--spacing-xl);
padding-bottom: var(--spacing-2xl);
}
@@ -207,7 +205,7 @@
.about-dynamic-content .about-cat-logo {
width: 100%;
max-width: 320px;
margin: var(--spacing-lg) auto;
margin: 0 auto var(--spacing-lg) auto;
}
}
@@ -226,6 +224,44 @@
grid-template-columns: 1fr;
}
}
/* Desktop - add more horizontal padding and justify text */
@media (min-width: 993px) {
.about-content-wrapper .container,
.about-hero .container {
max-width: 1000px !important;
margin: 0 auto !important;
padding-left: 60px !important;
padding-right: 60px !important;
}
.about-dynamic-content {
padding: var(--spacing-2xl) var(--spacing-xl) !important;
text-align: justify !important;
}
.about-dynamic-content p {
text-align: justify !important;
}
.about-dynamic-content h1,
.about-dynamic-content h2,
.about-dynamic-content h3,
.about-dynamic-content h4,
.about-dynamic-content h5,
.about-dynamic-content h6 {
text-align: left !important;
}
}
@media (min-width: 1200px) {
.about-content-wrapper .container,
.about-hero .container {
max-width: 1100px !important;
padding-left: 80px !important;
padding-right: 80px !important;
}
}
</style>
</head>
<body>
@@ -277,15 +313,25 @@
<div class="container">
<h1 id="pageTitle">About Us</h1>
<p id="pageSubtitle">Learn more about Sky Art Shop</p>
<div class="breadcrumb">
<a href="/home">Home</a> <span>/</span> <span>About</span>
</div>
</div>
</div>
<!-- White Background Content Wrapper -->
<div class="about-content-wrapper">
<!-- Dynamic Content Section -->
<section class="section" style="padding-top: 0; padding-bottom: 3rem">
<div class="container">
<div class="about-dynamic-content" id="dynamicContent">
<section
class="section"
style="padding-top: 0; padding-bottom: 3rem; margin-top: 0"
>
<div class="container" style="padding-top: 0; margin-top: 0">
<div
class="about-dynamic-content"
id="dynamicContent"
style="padding-top: 0; margin-top: 0"
>
<!-- Cat Logo Image - floats right -->
<img
src="/uploads/cat_logo_bgremoved-1768630281197.png"
@@ -469,15 +515,63 @@
collaging stationery. Quality products for all your creative
needs.
</p>
<div class="footer-social">
<a href="#" class="social-link"><i class="bi bi-facebook"></i></a>
<a href="#" class="social-link"
<div class="footer-social" id="footerSocialLinks">
<a
href="#"
class="social-link"
id="footerFacebook"
style="display: none"
><i class="bi bi-facebook"></i
></a>
<a
href="#"
class="social-link"
id="footerInstagram"
style="display: none"
><i class="bi bi-instagram"></i
></a>
<a href="#" class="social-link"
<a
href="#"
class="social-link"
id="footerTwitter"
style="display: none"
><i class="bi bi-twitter-x"></i
></a>
<a
href="#"
class="social-link"
id="footerYoutube"
style="display: none"
><i class="bi bi-youtube"></i
></a>
<a
href="#"
class="social-link"
id="footerPinterest"
style="display: none"
><i class="bi bi-pinterest"></i
></a>
<a href="#" class="social-link"><i class="bi bi-youtube"></i></a>
<a
href="#"
class="social-link"
id="footerTiktok"
style="display: none"
><i class="bi bi-tiktok"></i
></a>
<a
href="#"
class="social-link"
id="footerWhatsapp"
style="display: none"
><i class="bi bi-whatsapp"></i
></a>
<a
href="#"
class="social-link"
id="footerLinkedin"
style="display: none"
><i class="bi bi-linkedin"></i
></a>
</div>
</div>
@@ -506,9 +600,9 @@
<div class="footer-column">
<h4>Contact Us</h4>
<ul class="footer-links">
<li><i class="bi bi-envelope"></i> hello@skyartshop.com</li>
<li><i class="bi bi-telephone"></i> (555) 123-4567</li>
<li><i class="bi bi-geo-alt"></i> 123 Creative Lane</li>
<li><i class="bi bi-envelope"></i> skyartshop12.11@gmail.com</li>
<li><i class="bi bi-telephone"></i> (501) 608-0409</li>
<li><i class="bi bi-geo-alt"></i> Belmopan, Cayo District</li>
</ul>
</div>
</div>
@@ -557,7 +651,7 @@
</div>
<!-- Scripts -->
<script src="/assets/js/modern-theme.js?v=20260118f"></script>
<script src="/assets/js/modern-theme.js?v=20260118g"></script>
<script src="/assets/js/customer-auth.js?v=20260118a"></script>
<script src="/assets/js/dynamic-page.js?v=20260118b"></script>
<script>