privacyguides/discourse-brand
1
0
Fork 0
mirror of https://github.com/privacyguides/discourse-brand.git synced 2025-06-16 01:41:17 +00:00
Code

Import custom CSS

Browse Source
This commit is contained in:
Jonah Aragon 2023-05-28 15:45:56 -05:00
parent ce9285a4d9
commit d5f086c088
Signed by: jonah
SSH Key Fingerprint: SHA256:oJSBSFgpWl4g+IwjL96Ya8ocGfI7r6VKnQw+257pZZ0
5 changed files with 245 additions and 193 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
common/common.scss
View File

@ -89,6 +89,13 @@ body:not(.category-announcements-blog) .forum-custom-header-links > a {
border-top: none; border-top: none;
} }
.create-account .user-fields {
display: none;
}
.second-factor-item > .actions > button.btn-danger.btn-flat.no-text.btn.no-text.btn-icon {
display: none;
}
// From discourse-easy-footer component: // From discourse-easy-footer component:
.custom-footer { .custom-footer {

22
common/embedded.scss Normal file
View File

@ -0,0 +1,22 @@
@media (prefers-color-scheme: dark) {
html {
background-color: rgb(26, 26, 27);
color: rgb(233, 235, 252);
}
a, a:visited, .in-reply-to {
color: rgb(255, 208, 111);
}
.username a {
color: var(--primary-low);
}
article.post {
border-bottom: 1px solid hsla(232,72%,90%,0.12);
}
header.discourse {
border-bottom: 3px solid hsla(232,72%,90%,0.12);
}
footer .button {
background-color: rgb(255, 208, 111);
color: #070707;
}
}

394
common/footer.html
View File

@ -1,4 +1,4 @@
<div class="custom-footer"> <div class="custom-footer">
<div class="wrap"> <div class="wrap">
<div class="flexbox"> <div class="flexbox">
<div class="first-box"> <div class="first-box">
@ -11,223 +11,231 @@
</div> </div>
<div class="second-box"> <div class="second-box">
<div class="links"> <div class="links">
<div class="list"> <div class="list">
<span class="knowledge-base"> <span class="knowledge-base">
Knowledge Base Knowledge Base
</span> </span>
<ul> <ul>
<li class="footer-section-link-wrapper threat-modeling"> <li class="footer-section-link-wrapper threat-modeling">
<a class="footer-section-link" title="Threat modeling lists the most likely threats to your privacy" href="https://www.privacyguides.org/basics/threat-modeling/"> <a class="footer-section-link" title="Threat modeling lists the most likely threats to your privacy" href="https://www.privacyguides.org/basics/threat-modeling/">
Threat Modeling Threat Modeling
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper common-threats"> <li class="footer-section-link-wrapper common-threats">
<a class="footer-section-link" href="https://www.privacyguides.org/basics/common-threats/"> <a class="footer-section-link" href="https://www.privacyguides.org/basics/common-threats/">
Common Threats Common Threats
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper vpn-overview"> <li class="footer-section-link-wrapper vpn-overview">
<a class="footer-section-link" href="https://www.privacyguides.org/basics/vpn-overview/"> <a class="footer-section-link" href="https://www.privacyguides.org/basics/vpn-overview/">
VPN Overview VPN Overview
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper tor-overview"> <li class="footer-section-link-wrapper tor-overview">
<a class="footer-section-link" href="https://www.privacyguides.org/basics/tor-overview/"> <a class="footer-section-link" href="https://www.privacyguides.org/basics/tor-overview/">
Tor Overview Tor Overview
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper android-overview"> <li class="footer-section-link-wrapper android-overview">
<a class="footer-section-link" href="https://www.privacyguides.org/android/overview/"> <a class="footer-section-link" href="https://www.privacyguides.org/android/overview/">
Android Overview Android Overview
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="list"> <div class="list">
<span class="browsers"> <span class="browsers">
Browsers Browsers
</span> </span>
<ul> <ul>
<li class="footer-section-link-wrapper tor-network"> <li class="footer-section-link-wrapper tor-network">
<a class="footer-section-link" href="https://www.privacyguides.org/tor/"> <a class="footer-section-link" href="https://www.privacyguides.org/tor/">
Tor Network Tor Network
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper firefox"> <li class="footer-section-link-wrapper firefox">
<a class="footer-section-link" href="https://www.privacyguides.org/desktop-browsers/#firefox"> <a class="footer-section-link" href="https://www.privacyguides.org/desktop-browsers/#firefox">
Firefox Firefox
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper brave"> <li class="footer-section-link-wrapper brave">
<a class="footer-section-link" href="https://www.privacyguides.org/desktop-browsers/#brave"> <a class="footer-section-link" href="https://www.privacyguides.org/desktop-browsers/#brave">
Brave Brave
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper android-browsers"> <li class="footer-section-link-wrapper android-browsers">
<a class="footer-section-link" href="https://www.privacyguides.org/mobile-browsers/#android"> <a class="footer-section-link" href="https://www.privacyguides.org/mobile-browsers/#android">
Android Browsers Android Browsers
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper ios-browsers"> <li class="footer-section-link-wrapper ios-browsers">
<a class="footer-section-link" href="https://www.privacyguides.org/mobile-browsers/#ios"> <a class="footer-section-link" href="https://www.privacyguides.org/mobile-browsers/#ios">
iOS Browsers iOS Browsers
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="list"> <div class="list">
<span class="vpn-providers"> <span class="vpn-providers">
VPN Providers VPN Providers
</span> </span>
<ul> <ul>
<li class="footer-section-link-wrapper ivpn"> <li class="footer-section-link-wrapper ivpn">
<a class="footer-section-link" href="https://www.privacyguides.org/vpn/#ivpn"> <a class="footer-section-link" href="https://www.privacyguides.org/vpn/#ivpn">
IVPN IVPN
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper mullvad"> <li class="footer-section-link-wrapper mullvad">
<a class="footer-section-link" href="https://www.privacyguides.org/vpn/#mullvad"> <a class="footer-section-link" href="https://www.privacyguides.org/vpn/#mullvad">
Mullvad Mullvad
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper protonvpn"> <li class="footer-section-link-wrapper protonvpn">
<a class="footer-section-link" href="https://www.privacyguides.org/vpn/#proton-vpn"> <a class="footer-section-link" href="https://www.privacyguides.org/vpn/#proton-vpn">
ProtonVPN ProtonVPN
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper recommendation-criteria"> <li class="footer-section-link-wrapper recommendation-criteria">
<a class="footer-section-link" href="https://www.privacyguides.org/vpn/#our-criteria"> <a class="footer-section-link" href="https://www.privacyguides.org/vpn/#our-criteria">
Recommendation Criteria Recommendation Criteria
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="list"> <div class="list">
<span class="services"> <span class="services">
Services Services
</span> </span>
<ul> <ul>
<li class="footer-section-link-wrapper cloud-storage"> <li class="footer-section-link-wrapper cloud-storage">
<a class="footer-section-link" href="https://www.privacyguides.org/cloud/"> <a class="footer-section-link" href="https://www.privacyguides.org/cloud/">
Cloud Storage Cloud Storage
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper email-providers"> <li class="footer-section-link-wrapper email-providers">
<a class="footer-section-link" href="https://www.privacyguides.org/email/"> <a class="footer-section-link" href="https://www.privacyguides.org/email/">
Email Providers Email Providers
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper search-engines"> <li class="footer-section-link-wrapper search-engines">
<a class="footer-section-link" href="https://www.privacyguides.org/search-engines/"> <a class="footer-section-link" href="https://www.privacyguides.org/search-engines/">
Search Engines Search Engines
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper dns-resolvers"> <li class="footer-section-link-wrapper dns-resolvers">
<a class="footer-section-link" href="https://www.privacyguides.org/dns/"> <a class="footer-section-link" href="https://www.privacyguides.org/dns/">
DNS Resolvers DNS Resolvers
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="list"> <div class="list">
<span class="software"> <span class="software">
Software Software
</span> </span>
<ul> <ul>
<li class="footer-section-link-wrapper email-clients"> <li class="footer-section-link-wrapper email-clients">
<a class="footer-section-link" href="https://www.privacyguides.org/email-clients/"> <a class="footer-section-link" href="https://www.privacyguides.org/email-clients/">
Email Clients Email Clients
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper password-managers"> <li class="footer-section-link-wrapper password-managers">
<a class="footer-section-link" href="https://www.privacyguides.org/passwords/"> <a class="footer-section-link" href="https://www.privacyguides.org/passwords/">
Password Managers Password Managers
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper instant-messengers"> <li class="footer-section-link-wrapper instant-messengers">
<a class="footer-section-link" href="https://www.privacyguides.org/real-time-communication/"> <a class="footer-section-link" href="https://www.privacyguides.org/real-time-communication/">
Instant Messengers Instant Messengers
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper encryption-tools"> <li class="footer-section-link-wrapper encryption-tools">
<a class="footer-section-link" href="https://www.privacyguides.org/encryption/"> <a class="footer-section-link" href="https://www.privacyguides.org/encryption/">
Encryption Tools Encryption Tools
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper file-sharing"> <li class="footer-section-link-wrapper file-sharing">
<a class="footer-section-link" href="https://www.privacyguides.org/file-sharing/"> <a class="footer-section-link" href="https://www.privacyguides.org/file-sharing/">
File Sharing File Sharing
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="list"> <div class="list">
<span class="resources"> <span class="resources">
Resources Resources
</span> </span>
<ul> <ul>
<li class="footer-section-link-wrapper"> <li class="footer-section-link-wrapper">
<a class="footer-section-link" href="https://archive.privacyguides.net/r/main:privacyguides.org"> <a class="footer-section-link" href="https://archive.privacyguides.net/r/main:privacyguides.org">
#main:privacyguides.org #main:privacyguides.org
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper"> <li class="footer-section-link-wrapper">
<a class="footer-section-link" href="https://archive.privacyguides.net/r/lounge:privacyguides.org"> <a class="footer-section-link" href="https://archive.privacyguides.net/r/lounge:privacyguides.org">
#lounge:privacyguides.org #lounge:privacyguides.org
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper"> <li class="footer-section-link-wrapper">
<a class="footer-section-link" href="https://blog.privacyguides.org/"> <a class="footer-section-link" href="https://blog.privacyguides.org/">
Privacy Guides Blog Privacy Guides Blog
</a> </a>
</li> </li>
<li class="footer-section-link-wrapper"> <li class="footer-section-link-wrapper">
<a class="footer-section-link" href="https://share.privacyguides.org/"> <a class="footer-section-link" href="https://share.privacyguides.org/">
Web Stories Web Stories
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
</div> </div>
<div class="third-box"> <div class="third-box">
<div class="footer-links"> <div class="footer-links">
<a class="small-link privacy" href="/privacy"> <a class="small-link privacy" href="/privacy">
Privacy Privacy
</a> </a>
<a class="small-link terms-of-service" href="/tos"> <a class="small-link terms-of-service" href="/tos">
Terms of service Terms of service
</a> </a>
<a class="small-link posting-guidelines" href="/guidelines"> <a class="small-link posting-guidelines" href="/guidelines">
Posting guidelines Posting guidelines
</a> </a>
<a class="small-link about-us" href="https://www.privacyguides.org/about/"> <a class="small-link about-us" href="https://www.privacyguides.org/about/">
About us About us
</a> </a>
<a class="small-link forum-design-by-jonah" href="https://www.jonaharagon.com/"> <a class="small-link forum-design-by-jonah" href="https://www.jonaharagon.com/">
Forum design by Jonah Forum design by Jonah
</a> </a>
</div> </div>
<div class="social"> <div class="social">
<a class="social-link mastodon" title="follow us on Mastodon" href="https://mastodon.neat.computer/@privacyguides"> <a class="social-link mastodon" title="follow us on Mastodon" href="https://mastodon.neat.computer/@privacyguides">
<svg class="fa d-icon d-icon-fab-mastodon svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#fab-mastodon"></use></svg> <svg class="fa d-icon d-icon-fab-mastodon svg-icon svg-string" xmlns="http://www.w3.org/2000/svg">
</a> <use href="#fab-mastodon"></use>
<a class="social-link github" title="contribute to the website on GitHub" href="https://github.com/privacyguides"> </svg>
<svg class="fa d-icon d-icon-fab-github svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#fab-github"></use></svg> </a>
</a> <a class="social-link github" title="contribute to the website on GitHub" href="https://github.com/privacyguides">
<a class="social-link twitter" title="show some love on Twitter" href="https://twitter.com/privacy_guides"> <svg class="fa d-icon d-icon-fab-github svg-icon svg-string" xmlns="http://www.w3.org/2000/svg">
<svg class="fa d-icon d-icon-fab-twitter svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#fab-twitter"></use></svg> <use href="#fab-github"></use>
</a> </svg>
<a class="social-link reddit" title="join the community on Reddit" target="_blank" href="https://www.reddit.com/r/privacyguides"> </a>
<svg class="fa d-icon d-icon-fab-reddit svg-icon svg-string" xmlns="http://www.w3.org/2000/svg"><use href="#fab-reddit"></use></svg> <a class="social-link twitter" title="show some love on Twitter" href="https://twitter.com/privacy_guides">
</a> <svg class="fa d-icon d-icon-fab-twitter svg-icon svg-string" xmlns="http://www.w3.org/2000/svg">
<use href="#fab-twitter"></use>
</svg>
</a>
<a class="social-link reddit" title="join the community on Reddit" target="_blank" href="https://www.reddit.com/r/privacyguides">
<svg class="fa d-icon d-icon-fab-reddit svg-icon svg-string" xmlns="http://www.w3.org/2000/svg">
<use href="#fab-reddit"></use>
</svg>
</a>
</div> </div>
</div> </div>
</div> </div>

11
common/head.html Normal file
View File

@ -0,0 +1,11 @@
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@id": "https://www.privacyguides.org/",
"@type": "Organization",
"logo": "https://forum-uploads.privacyguidesusercontent.com/original/1X/7e223a1d8466e532aa4f45566d3e18dd0829eb17.png",
"name": "Privacy Guides",
"sameAs": ["https://github.com/privacyguides", "https://www.wikidata.org/wiki/Q111710163"],
"url": "https://www.privacyguides.org/en/about/"
}
</script>

4
desktop/desktop.scss
View File

@ -7,3 +7,7 @@
.post-menu-area { .post-menu-area {
margin: 0; margin: 0;
} }
.above-main-container-outlet.welcome-link-banner-connectors .welcome-wrapper, .below-site-header-outlet.welcome-link-banner-connector .welcome-wrapper {
box-shadow: none;
margin: 0;
}