1 line
26 KiB
Plaintext
1 line
26 KiB
Plaintext
{"version":3,"file":"css/blog_article.bundle.css","mappings":"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","sources":["webpack://app/./static/css/sections/core.css","webpack://app/./static/css/sections/blog.css","webpack://app/./static/css/pages/blog/article.css"],"sourcesContent":["\n/* Home page\n*/\n\n/* Footer */\n.footer {\n background: #1f2937;\n color: #f3f4f6;\n padding: 4rem 2rem 2rem;\n}\n\n.footer-content {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\n.footer-section h3 {\n color: #fff;\n margin-bottom: 1rem;\n font-size: 1.2rem;\n text-align: center;\n}\n\n.footer-section ul {\n list-style: none;\n padding: 0;\n}\n\n.footer-section ul li {\n margin-bottom: 0.5rem;\n}\n\n.footer-section a {\n color: #f3f4f6;\n text-decoration: none;\n transition: color 0.3s ease;\n}\n\n.footer-section a:hover {\n color: #fff;\n text-decoration: underline;\n}\n\n.footer-bottom {\n border-top: 1px solid #374151;\n padding-top: 2rem;\n text-align: center;\n font-size: 0.9rem;\n}\n\n.footer-bottom a {\n color: aquamarine;\n}\n\n.footer-section.contact {\n width: 100%;\n}\n.footer-section .container {\n padding: 0;\n}\n.footer-section .container.row .container.column {\n padding: 1vh 2vw;\n}\n\n@media (max-width: 768px) {\n .footer-content {\n grid-template-columns: 1fr;\n text-align: center;\n }\n}\n\n@media (max-width: 540px) {\n .nav-links {\n display: none;\n }\n}","\n* {\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n background: var(--colour-page-background-1);\n}\n\n/* Header */\n.header {\n background: linear-gradient(135deg, #2c5282 0%, #3182ce 100%);\n color: white;\n padding: 1rem 0;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 2rem;\n}\n\n.logo {\n font-size: 1.5rem;\n font-weight: bold;\n color: #ff6b35;\n}\n\n.nav-links {\n display: flex;\n list-style: none;\n gap: 2rem;\n}\n\n.nav-links a {\n color: white;\n text-decoration: none;\n transition: color 0.3s;\n}\n\n.nav-links a:hover {\n color: #ff6b35;\n}\n\n.blog-header {\n text-align: center;\n padding: 2rem 0;\n}\n\n.blog-header h1 {\n font-size: 2.5rem;\n margin-bottom: 1rem;\n}\n\n.blog-header p {\n font-size: 1.2rem;\n opacity: 0.9;\n max-width: 600px;\n margin: 0 auto;\n}\n\n/* Main Content */\n.main-content {\n padding: 3rem 0;\n}\n\n.blog-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 3rem;\n margin-bottom: 3rem;\n}\n\n\n/* Hero Section */\n.hero {\n padding: 8rem 2rem 4rem;\n background: linear-gradient(45deg, var(--colour-page-background-1), var(--colour-page-background-2)); /* linear-gradient(45deg, #f8fafc, #eff6ff); */\n}\n.hero-content {\n max-width: 600px;\n}\n.hero h1 {\n line-height: 1.2;\n margin-bottom: 1.5rem;\n color: var(--colour-text);\n}\n.hero p {\n font-size: 1.25rem;\n margin-bottom: 2rem;\n color: var(--colour-secondary);\n}\nsection.hero .button {\n margin: 0 auto;\n margin-bottom: 2vh;\n display: block;\n background-color: var(--colour-success-title);\n color: var(--colour-text-background);\n}\nsection.hero .button:hover {\n background-color: var(--colour-success-highlight);\n color: var(--colour-success-title);\n}\n\n\n/* Featured Post */\n.featured-post {\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n transition: transform 0.3s, box-shadow 0.3s;\n}\n\n.featured-post:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 30px rgba(0,0,0,0.15);\n}\n\n.featured-image {\n height: 300px;\n background: linear-gradient(45deg, #ff6b35, #f093fb);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 3rem;\n}\n\n.featured-content {\n padding: 2rem;\n}\n\n.post-category {\n display: inline-block;\n background: #ff6b35;\n color: white;\n padding: 0.3rem 1rem;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n margin-bottom: 1rem;\n}\n\n.featured-content h2 {\n font-size: 1.8rem;\n margin-bottom: 1rem;\n color: #2d3748;\n line-height: 1.3;\n}\n\n.post-excerpt {\n color: #666;\n margin-bottom: 1.5rem;\n line-height: 1.7;\n}\n\n.post-meta {\n display: flex;\n align-items: center;\n gap: 1rem;\n font-size: 0.9rem;\n color: #888;\n margin-bottom: 1rem;\n}\n\n.read-more {\n display: inline-flex;\n align-items: center;\n color: #3182ce;\n text-decoration: none;\n font-weight: 600;\n transition: color 0.3s;\n}\n\n.read-more:hover {\n color: #2c5282;\n}\n\n.read-more::after {\n content: ' →';\n margin-left: 0.5rem;\n transition: margin-left 0.3s;\n}\n\n.read-more:hover::after {\n margin-left: 1rem;\n}\n\n/* Sidebar */\n.sidebar {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.sidebar-widget {\n background: white;\n padding: 2rem;\n border-radius: 12px;\n box-shadow: 0 2px 15px rgba(0,0,0,0.08);\n}\n\n.widget-title {\n font-size: 1.3rem;\n margin-bottom: 1.5rem;\n color: #2d3748;\n border-bottom: 2px solid #ff6b35;\n padding-bottom: 0.5rem;\n}\n\n.category-list {\n list-style: none;\n}\n\n.category-list li {\n padding: 0.8rem 0;\n border-bottom: 1px solid #e2e8f0;\n display: flex;\n justify-content: space-between;\n}\n\n.category-list li:last-child {\n border-bottom: none;\n}\n\n.category-list a {\n color: #4a5568;\n text-decoration: none;\n transition: color 0.3s;\n}\n\n.category-list a:hover {\n color: #3182ce;\n}\n\n.post-count {\n background: #e2e8f0;\n color: #4a5568;\n padding: 0.2rem 0.6rem;\n border-radius: 12px;\n font-size: 0.8rem;\n}\n\n.recent-posts {\n list-style: none;\n}\n\n.recent-post-item {\n padding: 1rem 0;\n border-bottom: 1px solid #e2e8f0;\n}\n\n.recent-post-item:last-child {\n border-bottom: none;\n}\n\n.recent-post-title {\n font-weight: 600;\n color: #2d3748;\n text-decoration: none;\n transition: color 0.3s;\n display: block;\n margin-bottom: 0.3rem;\n}\n\n.recent-post-title:hover {\n color: #3182ce;\n}\n\n.recent-post-date {\n font-size: 0.8rem;\n color: #888;\n}\n\n/* Blog Posts Grid */\n.blog-posts-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 2rem;\n margin-top: 2rem;\n}\n\n.blog-post-card {\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 2px 15px rgba(0,0,0,0.08);\n transition: transform 0.3s, box-shadow 0.3s;\n}\n\n.blog-post-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 25px rgba(0,0,0,0.12);\n}\n\n.post-image {\n height: 200px;\n background: linear-gradient(45deg, #667eea, #764ba2);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 2rem;\n}\n\n.post-content {\n padding: 1.5rem;\n}\n\n.post-content h3 {\n font-size: 1.3rem;\n margin-bottom: 1rem;\n color: #2d3748;\n line-height: 1.3;\n}\n\n/* Newsletter Signup */\n.newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.newsletter-input {\n padding: 1rem;\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s;\n}\n\n.newsletter-input:focus {\n outline: none;\n border-color: #3182ce;\n}\n\n.newsletter-btn {\n background: #ff6b35;\n color: white;\n border: none;\n padding: 1rem;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.3s;\n}\n\n.newsletter-btn:hover {\n background: #e55a2b;\n}\n\n#form_newsletter input[type=\"email\"] {\n width: 80%;\n margin: 0 10%;\n padding: 0.5vh;\n font-size: 1rem;\n}\n\n/* Footer */\n.footer {\n background: #2d3748;\n color: white;\n text-align: center;\n padding: 2rem 0;\n margin-top: 4rem;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n .nav {\n flex-direction: column;\n gap: 1rem;\n text-align: center;\n }\n\n .nav-links {\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .blog-header h1 {\n font-size: 2rem;\n }\n\n .blog-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .blog-posts-grid {\n grid-template-columns: 1fr;\n }\n\n .featured-content h2 {\n font-size: 1.5rem;\n }\n}","\n#pageBody {\n padding-top: 2vh;\n}\n\n* {\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: #333;\n}\n\n/* Header */\n.header {\n background: linear-gradient(135deg, #2c5282 0%, #3182ce 100%);\n color: white;\n padding: 1rem 0;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n}\n\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.logo {\n font-size: 1.5rem;\n font-weight: bold;\n color: #ff6b35;\n}\n\n.nav-links {\n display: flex;\n list-style: none;\n gap: 2rem;\n}\n\n.nav-links a {\n color: white;\n text-decoration: none;\n transition: color 0.3s;\n}\n\n.nav-links a:hover {\n color: #ff6b35;\n}\n\n/* Breadcrumb */\n.breadcrumb {\n background: white;\n padding: 1rem 0;\n border-bottom: 1px solid #e2e8f0;\n}\n\n.breadcrumb-nav {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.9rem;\n color: #666;\n}\n\n.breadcrumb-nav a {\n color: #3182ce;\n text-decoration: none;\n}\n\n.breadcrumb-nav a:hover {\n text-decoration: underline;\n}\n\n/* Main Content */\n.main-content {\n padding: 3rem 0;\n}\n\n.content-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 3rem;\n}\n\n/* Article */\n.article {\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n}\n\n.article-header {\n padding: 2rem 2rem 1rem;\n}\n\n.article-category {\n display: inline-block;\n background: #ff6b35;\n color: white;\n padding: 0.4rem 1.2rem;\n border-radius: 25px;\n font-size: 0.9rem;\n font-weight: 600;\n margin-bottom: 1.5rem;\n}\n\n.article-title {\n font-size: 2.2rem;\n color: #2d3748;\n line-height: 1.3;\n margin-bottom: 1.5rem;\n}\n\n.article-meta {\n display: flex;\n align-items: center;\n gap: 2rem;\n padding-bottom: 1.5rem;\n border-bottom: 2px solid #e2e8f0;\n margin-bottom: 2rem;\n}\n\n.meta-item {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n font-size: 0.95rem;\n color: #666;\n}\n\n.author-info {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.author-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background: linear-gradient(45deg, #ff6b35, #3182ce);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n font-size: 1.2rem;\n}\n\n.author-details h4 {\n color: #2d3748;\n margin-bottom: 0.2rem;\n}\n\n.author-details p {\n color: #666;\n font-size: 0.9rem;\n}\n\n.featured-image {\n height: 400px;\n background: linear-gradient(45deg, #ff6b35, #f093fb);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 4rem;\n margin-bottom: 2rem;\n}\n\n.article-content {\n padding: 0 2rem 2rem;\n}\n\n.article-content h2 {\n font-size: 1.6rem;\n color: #2d3748;\n margin: 2rem 0 1rem;\n padding-bottom: 0.5rem;\n border-bottom: 2px solid #ff6b35;\n}\n\n.article-content h3 {\n font-size: 1.3rem;\n color: #2d3748;\n margin: 1.5rem 0 0.8rem;\n}\n\n.article-content p {\n margin-bottom: 1.5rem;\n line-height: 1.8;\n color: #4a5568;\n}\n\n.article-content ul, .article-content ol {\n margin: 1rem 0 1.5rem 2rem;\n color: #4a5568;\n}\n\n.article-content li {\n margin-bottom: 0.5rem;\n line-height: 1.7;\n}\n\n.callout-box {\n background: linear-gradient(135deg, #e6fffa 0%, #f0fff4 100%);\n border-left: 4px solid #38a169;\n padding: 1.5rem;\n margin: 2rem 0;\n border-radius: 0 8px 8px 0;\n}\n\n.callout-box h4 {\n color: #2f855a;\n margin-bottom: 0.8rem;\n font-size: 1.1rem;\n}\n\n.quote-box {\n background: #f7fafc;\n border-left: 4px solid #3182ce;\n padding: 1.5rem;\n margin: 2rem 0;\n font-style: italic;\n font-size: 1.1rem;\n color: #2d3748;\n}\n\n/* Tags */\n.article-tags {\n padding: 0 2rem 2rem;\n border-top: 1px solid #e2e8f0;\n margin-top: 2rem;\n padding-top: 2rem;\n}\n\n.tags-label {\n font-weight: 600;\n color: #2d3748;\n margin-bottom: 1rem;\n display: block;\n}\n\n.tags-list {\n display: flex;\n flex-wrap: wrap;\n gap: 0.8rem;\n}\n\n.tag {\n background: #e2e8f0;\n color: #4a5568;\n padding: 0.4rem 1rem;\n border-radius: 20px;\n text-decoration: none;\n font-size: 0.9rem;\n transition: all 0.3s;\n}\n\n.tag:hover {\n background: #3182ce;\n color: white;\n}\n\n/* Social Share */\n.social-share {\n background: white;\n padding: 1.5rem;\n border-radius: 12px;\n box-shadow: 0 2px 15px rgba(0,0,0,0.08);\n margin-bottom: 2rem;\n}\n\n.share-title {\n font-weight: 600;\n color: #2d3748;\n margin-bottom: 1rem;\n}\n\n.share-buttons {\n display: flex;\n gap: 1rem;\n}\n\n.share-btn {\n padding: 0.8rem 1.2rem;\n border-radius: 8px;\n text-decoration: none;\n color: white;\n font-weight: 500;\n transition: transform 0.3s;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.share-btn:hover {\n transform: translateY(-2px);\n}\n\n.share-twitter { background: #1da1f2; }\n.share-linkedin { background: #0077b5; }\n.share-facebook { background: #1877f2; }\n\n/* Sidebar */\n.sidebar {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.sidebar-widget {\n background: white;\n padding: 2rem;\n border-radius: 12px;\n box-shadow: 0 2px 15px rgba(0,0,0,0.08);\n}\n\n.widget-title {\n font-size: 1.3rem;\n margin-bottom: 1.5rem;\n color: #2d3748;\n border-bottom: 2px solid #ff6b35;\n padding-bottom: 0.5rem;\n}\n\n.author-bio {\n text-align: center;\n}\n\n.author-bio-avatar {\n width: 80px;\n height: 80px;\n border-radius: 50%;\n background: linear-gradient(45deg, #ff6b35, #3182ce);\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: bold;\n font-size: 2rem;\n margin: 0 auto 1rem;\n}\n\n.author-bio h4 {\n color: #2d3748;\n margin-bottom: 0.5rem;\n}\n\n.author-bio p {\n color: #666;\n line-height: 1.6;\n margin-bottom: 1rem;\n}\n\n.related-posts {\n list-style: none;\n}\n\n.related-post-item {\n padding: 1rem 0;\n border-bottom: 1px solid #e2e8f0;\n}\n\n.related-post-item:last-child {\n border-bottom: none;\n}\n\n.related-post-title {\n font-weight: 600;\n color: #2d3748;\n text-decoration: none;\n transition: color 0.3s;\n display: block;\n margin-bottom: 0.3rem;\n line-height: 1.4;\n}\n\n.related-post-title:hover {\n color: #3182ce;\n}\n\n.related-post-date {\n font-size: 0.8rem;\n color: #888;\n}\n\n/* Newsletter Signup */\n.newsletter-form {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n}\n\n.newsletter-input {\n padding: 1rem;\n border: 2px solid #e2e8f0;\n border-radius: 8px;\n font-size: 1rem;\n transition: border-color 0.3s;\n}\n\n.newsletter-input:focus {\n outline: none;\n border-color: #3182ce;\n}\n\n.newsletter-btn {\n background: #ff6b35;\n color: white;\n border: none;\n padding: 1rem;\n border-radius: 8px;\n font-size: 1rem;\n font-weight: 600;\n cursor: pointer;\n transition: background 0.3s;\n}\n\n.newsletter-btn:hover {\n background: #e55a2b;\n}\n\n/* Navigation */\n.post-navigation {\n background: white;\n padding: 2rem;\n border-radius: 12px;\n box-shadow: 0 2px 15px rgba(0,0,0,0.08);\n margin-top: 2rem;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n}\n\n.nav-post {\n text-decoration: none;\n color: #4a5568;\n transition: color 0.3s;\n}\n\n.nav-post:hover {\n color: #3182ce;\n}\n\n.nav-post.prev {\n text-align: left;\n}\n\n.nav-post.next {\n text-align: right;\n}\n\n.nav-label {\n font-size: 0.9rem;\n color: #888;\n margin-bottom: 0.5rem;\n display: block;\n}\n\n.nav-title {\n font-weight: 600;\n line-height: 1.4;\n}\n\n/* Footer */\n.footer {\n background: #2d3748;\n color: white;\n text-align: center;\n padding: 2rem 0;\n margin-top: 4rem;\n}\n\n/* Responsive */\n@media (max-width: 768px) {\n .nav {\n flex-direction: column;\n gap: 1rem;\n text-align: center;\n }\n\n .nav-links {\n flex-wrap: wrap;\n justify-content: center;\n }\n\n .content-grid {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n .article-title {\n font-size: 1.8rem;\n }\n\n .article-meta {\n flex-direction: column;\n gap: 1rem;\n align-items: flex-start;\n }\n\n .author-info {\n flex-direction: row;\n }\n\n .share-buttons {\n flex-direction: column;\n }\n\n .post-navigation {\n grid-template-columns: 1fr;\n gap: 1rem;\n }\n\n .nav-post.next {\n text-align: left;\n }\n}"],"names":[],"sourceRoot":""} |