From 61304a1b70d22b0257abc9295a67563af04c3cb0 Mon Sep 17 00:00:00 2001 From: Michael Barbine Date: Sun, 3 Dec 2023 15:14:43 -0600 Subject: [PATCH] fixes --- public/community-support.html | 0 public/css/main.scss | 57 +++++++++-------- public/get-started.html | 0 public/innovative-features.html | 0 views/docs.pug | 53 ++++++++-------- views/home.pug | 2 +- views/layout.pug | 107 ++++++++++++++------------------ 7 files changed, 106 insertions(+), 113 deletions(-) create mode 100644 public/community-support.html create mode 100644 public/get-started.html create mode 100644 public/innovative-features.html diff --git a/public/community-support.html b/public/community-support.html new file mode 100644 index 0000000000..e69de29bb2 diff --git a/public/css/main.scss b/public/css/main.scss index a2b1ffc72d..33db0ff1c2 100755 --- a/public/css/main.scss +++ b/public/css/main.scss @@ -5,58 +5,63 @@ @import "node_modules/@fortawesome/fontawesome-free/scss/regular"; @import "node_modules/@fortawesome/fontawesome-free/scss/solid"; +// Define color variables +$snapchat-yellow: #fffc00; +$snapchat-yellow-dark: #f1ef00; +$twitch-purple: #6441a5; +$twitch-purple-dark: #503484; +$twitter-blue: #0f97ea; +$google-red: #d93b27; +$white: #FFF; -// Basic Snapchat Button CSS -.btn-snapchat { - background-color: #fffc00; - color: #000 !important; +// Placeholder for common white text style +%white-text { + color: $white !important; &:hover, &:active { - background-color: #f1ef00; + color: $white !important; } } -// Basic Twitch Button CSS -.btn-twitch { - background-color: #6441a5; - color: #FFF !important; +// Basic Snapchat Button CSS +.btn-snapchat { + background-color: $snapchat-yellow; + color: $black !important; &:hover, &:active { - background-color: #503484; + background-color: $snapchat-yellow-dark; } } -.btn-twitter { +// Basic Twitch Button CSS +.btn-twitch { + background-color: $twitch-purple; + @extend %white-text; + &:hover, &:active { - color: #FFF !important; + background-color: $twitch-purple-dark; } } +// Basic Twitter Button CSS .btn-twitter { - color: #FFF !important; + @extend %white-text; &:hover, &:active { - color: #FFF !important; - background-color: #0f97ea; - } -} - -.btn-google { - &:hover, &:active { - color: #FFF !important; + background-color: $twitter-blue; } } +// Basic Google Button CSS .btn-google { - color: #FFF !important; + @extend %white-text; &:hover, &:active { - color: #FFF !important; - background-color: #d93b27; + background-color: $google-red; } } // Add a space after fontawesome icons -.iconpadding{ - padding-right: 6px!important; +.iconpadding { + padding-right: 6px !important; } diff --git a/public/get-started.html b/public/get-started.html new file mode 100644 index 0000000000..e69de29bb2 diff --git a/public/innovative-features.html b/public/innovative-features.html new file mode 100644 index 0000000000..e69de29bb2 diff --git a/views/docs.pug b/views/docs.pug index 3f2ff4a21a..dcecdf67d2 100644 --- a/views/docs.pug +++ b/views/docs.pug @@ -1,27 +1,28 @@ -extends layout +doctype html +html + head + meta(charset='utf-8') + title Public Phone Docs - Open Source Communication + link(rel='stylesheet', href='/css/bbs-theme.css') + // Other head elements -block content - h1 Public Phone - p.lead The open-source and free-to-use communications platform for the general public. - hr - .row - .col-md-6 - h2 Public Phone - p Hello. - p - a.btn.btn-primary(href='Documentation.pug', role='button') View details » - .col-md-6 - h2 Public Phone - p Hello. - p - a.btn.btn-primary(href='#', role='button') View details » - .col-md-6 - h2 Public Phone - p Hello. - p - a.btn.btn-primary(href='#', role='button') View details » - .col-md-6 - h2 Public Phone - p Hello. - p - a.btn.btn-primary(href='#', role='button') View details » \ No newline at end of file + body + header.bbs-header + h1 Public Phone Documentation + + nav.bbs-nav + // Navigation items + + main.bbs-main + section.bbs-docs + h2 Getting Started + p Welcome to the Public Phone documentation. This open source platform is designed for easy and free communication for everyone. + // Additional sections and content + + aside.bbs-aside + // Sidebar content like quick links or important notices + + footer.bbs-footer + // Footer content + + // Scripts diff --git a/views/home.pug b/views/home.pug index 76c71c4a81..79cf95d2e6 100644 --- a/views/home.pug +++ b/views/home.pug @@ -10,7 +10,7 @@ block content h2 Easy Connectivity p Connect effortlessly with a user-friendly interface and reliable service. p - a.btn.btn-success(href='easy-connectivity.html', role='button') Learn More » + a.btn.btn-success(href='docs', role='button') Learn More » .col-md-6 h2 Community Support diff --git a/views/layout.pug b/views/layout.pug index 48c133e51c..68a825f696 100644 --- a/views/layout.pug +++ b/views/layout.pug @@ -1,65 +1,52 @@ - - - - - - - - #{title} - Public Phone - - - - - - - - - - +doctype html +html.h-100 + head + meta(charset='utf-8') + meta(http-equiv='X-UA-Compatible', content='IE=edge') + meta(name='viewport', content='width=device-width, initial-scale=1.0') + meta(name='csrf-token', content=_csrf) + title #{title} - Public Phone + link(rel='shortcut icon', href='/favicon.png') + link(rel='stylesheet', href='/css/bbs-style.css') + link(rel='stylesheet', href='https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css') - -
-
- - - - -
-
+ block head - - + body.d-flex.flex-column.h-100.bbs-body + include partials/header - - - - - - - - - - - + }); + + script. + (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ + (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), + m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) + })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); + ga('create', 'UA-XXXXX-X', 'auto'); + ga('send', 'pageview');