Skip to content

Website redesign, add dark mode, upgrade bootstrap, fix site data #35

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

Merged
dwfreed merged 1 commit into from
Dec 29, 2024
Merged

Website redesign, add dark mode, upgrade bootstrap, fix site data #35

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
30 changes: 5 additions & 25 deletions ElectionResults.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,28 +5,8 @@ title: ElectionResults

# Election Results #

* [2002](/ElectionResults/2002)
* [2003-04](/ElectionResults/2003-04)
* [2003-10](/ElectionResults/2003-10)
* [2004](/ElectionResults/2004)
* [2005](/ElectionResults/2005)
* [2006](/ElectionResults/2006)
* [2007](/ElectionResults/2007)
* [2008](/ElectionResults/2008)
* [2009](/ElectionResults/2009)
* [2010](/ElectionResults/2010)
* [2011](/ElectionResults/2011)
* [2012](/ElectionResults/2012)
* [2013](/ElectionResults/2013)
* [2014](/ElectionResults/2014)
* [2015](/ElectionResults/2015)
* [2016](/ElectionResults/2016)
* [2017](/ElectionResults/2017)
* [2018](/ElectionResults/2018)
* [2019](/ElectionResults/2019)
* [2020](/ElectionResults/2020)
* [2021](/ElectionResults/2021)
* [2022](/ElectionResults/2022)
* [2023](/ElectionResults/2023)
* [2024](/ElectionResults/2024)

{% for page in site.pages %}
{% if page.path contains "ElectionResults/" -%}
* [{{ page.title | remove: "Election Results" }}]({{ page.url }})
{%- endif -%}
{%- endfor %}
9 changes: 8 additions & 1 deletion FAQ.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,14 @@
layout: master
title: FAQ
---
# Frequently Asked Questions #

# Frequently Asked Questions

## How do I contact staff?

{% include helplinks.html %}

## Other questions grouped by topic

* [General Questions](/FAQ/General_Questions) -- General questions about OFTC,
including its structure, its purposes, and its goals
Expand Down
6 changes: 4 additions & 2 deletions FAQ/General_Questions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,8 @@
layout: master
title: FAQ/General_Questions
---
* TOC

* toc
{:toc}

## What prompted OFTC's creation? ##
Expand Down Expand Up @@ -70,4 +71,5 @@ be provided about them on our project web site.

## What happened to Mibbit's access to OFTC? ##

Please refer to the [Mibbit document](/Mibbit) that we have prepared that outlines why access via Mibbit is no longer possible.
Mibbit [announced that it would shut down](https://web.archive.org/web/20240801091256/https://mibbit.com/)
in August 2024. OFTC had already [blocked Mibbit](/Mibbit) prior to this.
19 changes: 12 additions & 7 deletions FAQ/IRC_Related_Questions.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,16 +2,21 @@
layout: master
title: FAQ/IRC_Related_Questions
---
* This will be the TOC

* toc
{:toc}

## What IRC servers can I connect to? ##

Please see the [OFTC](/), it lists the servers and ports you should use.
The information provided on the [main page](/) should work fine under most
circumstances.

It is possible to force IPv4 (irc4.oftc.net) or IPv6 (irc6.oftc.net) if your
network does not handle this gracefully.

Do not connect to individual servers, always let the DNS rotation pick one for
you. This employs GeoDNS to take you to a server nearby. It also allows us to do
load-balancing on servers and take out servers that will go down for
you. This employs GeoDNS to take you to a server nearby. It also allows us to
do load-balancing on servers and take out servers that will go down for
maintenance.

## What are "Services"? ##
Expand Down Expand Up @@ -40,12 +45,12 @@ services on connecting clients. Please just ignore connections from
zombie-scan.oftc.net, the connects are harmless. (If you really don't like them,
use a firewall.)

## Who are all these users with the host-mask nick.something.oftc.net? ##
## Who are all these users with the host-mask nickname.something.oftc.net? ##

* `<nick>.<role>.oftc.net` is a [Staff](/staff) member, they have these masks
* `<nickname>.<role>.oftc.net` is a [Staff](/staff) member, they have these masks
to be easily identified as to what role they play. A complete explanation is
available at [Staff](/staff)
* `<nick>.user.oftc.net` is a user cloak. Please see
* `<nickname>.user.oftc.net` is a user cloak. Please see
[UserCloaks](/UserCloaks) for more information.

## How can I sponsor a server or join the project's staff? ##
Expand Down
9 changes: 6 additions & 3 deletions Services.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,16 @@
layout: master
title: Services
---
The IRC services is a common name for our set of helper systems for managing
your nicknames and channels. They can be used to provide you with access with
certain privileges and protection.

* TOC
{:toc}

# Services

The IRC services is a common name for our set of helper systems for managing
your nicknames and channels. They can be used to provide you with access with
certain privileges and protection.

## How to use Services ##

### Register your account ###
Expand Down
3 changes: 3 additions & 0 deletions UserCloaks.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,9 @@ layout: master
title: User Cloaks
---

* TOC
{:toc}

## Cloaks

Cloaks are provided via services; for any cloak to take effect you must identify
Expand Down
1 change: 1 addition & 0 deletions _data/sponsors.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
../sponsors.json
1 change: 1 addition & 0 deletions _data/staff.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
../staff.json
38 changes: 38 additions & 0 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
<footer class="footer bg-secondary-subtle">
<div class="container">
<div class="row pt-5 pb-2">
<div class="col-lg-3">
<p class="lead" role="heading" aria-level="2">Need network support?</p>
{% include helplinks.html %}
<p class="d-none d-lg-block d-xl-block">
<a href="#back-to-top" title="Jump back to top" aria-label="Jump back to top of page">
<i role="presentation" class='bi bi-arrow-up-circle pe-3 ps-3' title="Up arrow in circle" aria-label="Jump back to top of page"></i>Back to top</a></p>
</div>
<div class="col-lg-4">
<p class="lead" role="heading" aria-level="2">Review our code:</p>
<p>
<a href="https://github.com/oftc" title="OFTC organization on github">
<i role="presentation" class='bi bi-github pe-3 ps-3' title="Github logo"></i>OFTC on Github
</a>
</p>
<p class="lead" role="heading" aria-level="2">Other issues?</p>
<p>
<a href="https://github.com/oftc/oftc/issues" title="OFTC issue tracker on github">
<i role="presentation" class='bi bi-github pe-3 ps-3' title="Github logo"></i>Public issue tracker
</a>
</p>
</div>
<div class="col-lg-5">
<p class="d-none d-lg-block d-xl-block"><a href="/feed.xml"><i role="presentation" class="bi bi-rss pe-3" title="RSS icon"></i>Atom/RSS news feed</a></p>
<p>Founded in 2001 by members of the Open Source and Free Software communities, OFTC aims to provide those communities with better communication, development, and support infrastructure.</p>
<p>OFTC is a member of
<svg role="presentation" height="20px" width="40px" >
<image xlink:href="https://www.spi-inc.org/logo.svg" width="40px">
</svg>
<a href="http://www.spi-inc.org/" aria-label="Visit the SPI website">Software in the Public Interest</a>.<br>Contributions to SPI keep OFTC running.</p>
<p class="d-block d-lg-none d-xl-none"><a href="/feed.xml"><i role="presentation" class="bi bi-rss ps-3 pe-3" title="RSS icon"></i>Atom/RSS news feed</a></p>
<p class="d-block d-lg-none d-xl-none"><a href="#back-to-top" title="Up arrow in circle"><i role="presentation" class='bi bi-arrow-up-circle pe-3 ps-3' aria-label="Back to top"></i>Back to top</a></p>
</div>
</div>
</div>
</footer>
10 changes: 10 additions & 0 deletions _includes/helplinks.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<p class="helplink">
<a href="https://webchat.oftc.net/?randomnick=1&channels=oftc&prompt=1" target="_blank" rel="noopener noreferrer">
<i role="presentation" class='bi bi-chat-right-dots pe-3 ps-3' title="IRC support channel"></i>#oftc
</a>
</p>
<p class="helplink">
<a href="mailto:support@oftc.net?subject=Support%20enquiry:&body=I%20need%20help%20with%3A" target="_blank" rel="noopener noreferrer" title="Support email address">
<i role="presentation" class='bi bi-envelope pe-3 ps-3' title="Email icon"></i>support@oftc.net
</a>
</p>
59 changes: 59 additions & 0 deletions _includes/hero.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
{% if page.url == "/" %}
<div class="container bg-body-tertiary p-5 pb-4 rounded-bottom">
<div class="row">
<div class="col-lg-3 hero d-none d-xl-block">
<div class="p-3 logo-xl">
{% include logo.html %}
<h1 class="pt-5">OFTC</h1>
</div>
</div>
<div class="col-lg-3 hero d-none d-lg-block d-xl-none">
<div class="p-3 logo-lg">
{% include logo.html %}
<h1 class="pt-4">OFTC</h1>
</div>
</div>
<div class="col-lg-9">
<p>The Open and Free Technology Community is a volunteer-run network that aims to provide stable and effective
collaboration services to members of the community in any part of the world,
while closely listening to their needs and desires.
</p>
<p>You can reach the OFTC IRC network by using a traditional <a href="https://en.wikipedia.org/wiki/Comparison_of_Internet_Relay_Chat_clients">IRC
Client</a> of choice, or by the
<a href="WebChat">WebChat</a> that we provide. The webchat enables you to connect to the
network and chat directly from within your browser.
</p>
<div class="row mb-3">
<div class="col-lg-12">
<div class="bg-body-secondary p-4 pb-1 h-100 rounded-3 text-center">
<p class="lead" role="heading" aria-level="2">Connect your client to <i role="presentation" class='bi bi-lock-fill' title="Connect with SSL/TLS"></i><a href="ircs://irc.oftc.net:6697" aria-label="Start an encrypted session with your IRC client"><code>ircs://irc.oftc.net:6697</code></a></p>
</div>
</div>
</div>
<div class="row mb-3">
<div class="col-lg-6">
<div class="bg-body-secondary p-4 pb-1 h-100 rounded-3">
<p><i role="presentation" class='bi bi-lock-fill' title="Connect with SSL/TLS"></i>
To connect securely, use ports 6697 or 9999.</p>
<p>TLS/SSL is supported on all servers. Our server certificates are signed by <a href="https://letsencrypt.org/">Let’s Encrypt</a>. We also publish DNSSEC-signed TLSA records: <code>dig _6697._tcp.irc.oftc.net tlsa</code>.</p>

<p>Both IPv4 and IPv6 are available.</p>
</div>
</div>
<div class="col-lg-6">
<div class="bg-body-secondary p-4 pb-1 h-100 rounded-3">
<p><i role="presentation" class='bi bi-incognito' title="Connect over Tor"></i>
Use of <a href="/Tor">Tor</a> is permitted to the address above.</p>
<p>You can also connect to the onion service: <a href="ircs://oftcnet6xg6roj6d7id4y4cu6dchysacqj2ldgea73qzdagufflqxrid.onion:6697" aria-label="Start a session over Tor with your IRC client">
<code>ircs://oftcnet6xg6roj6d7id4y4cu6dchysacqj2ldgea73qzdagufflqxrid.onion:6697</code>
</a></p>
</div>
</div>
</div>
<p><i role="presentation" class='bi bi-unlock-fill' title="Connect over plain text"></i>
<strong>(Not recommended)</strong> To connect without TLS/SSL use ports 6668-6670 or 7000.</p>
<p>IRC services (NickServ, ChanServ) are available for nick and channel registration. See <a href="NickServ/CertFP/">CertFP</a> for how to configure client certificate-based NickServ identification.</p>
</div>
</div>
</div>
{% endif %}
5 changes: 5 additions & 0 deletions _includes/logo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 135.398 135.398" role="presentation">
<path d="M105.52 11.889c-11.592 0-21.04 9.445-21.04 21.037 0 11.59 9.448 21.037 21.04 21.037 4.64 0 8.894-1.562 12.378-4.121l17.022 17.154c-2.658 3.523-4.295 7.854-4.295 12.592 0 4.959 1.8 9.464 4.686 13.066l-17.1 16.938c-3.54-2.707-7.906-4.379-12.691-4.38-10.624 0-19.354 7.963-20.752 18.212H79.09c-1.399-10.249-10.129-18.211-20.752-18.211-11.591 0-21.037 9.446-21.037 21.037s9.446 21.037 21.037 21.037c10.979 0 19.93-8.503 20.855-19.248h5.47c.925 10.745 9.878 19.248 20.857 19.248 11.59 0 21.035-9.446 21.035-21.037 0-5.143-1.932-9.802-5.014-13.463l17.031-16.869a20.803 20.803 0 0 0 10.407 4.436v5.13c-10.317 1.337-18.354 10.094-18.354 20.766 0 11.591 9.446 21.037 21.037 21.037s21.037-9.446 21.037-21.037c0-10.93-8.43-19.849-19.107-20.842v-4.978c10.678-.993 19.107-9.911 19.107-20.842 0-11.591-9.446-21.037-21.037-21.037-5.19 0-9.89 1.965-13.564 5.097l-16.815-16.947c3.24-3.702 5.272-8.487 5.272-13.775 0-11.591-9.444-21.037-21.035-21.037zm0 4.613a16.388 16.388 0 0 1 16.421 16.424 16.387 16.387 0 0 1-16.421 16.422 16.388 16.388 0 0 1-16.424-16.422 16.39 16.39 0 0 1 16.424-16.424zm46.142 46.662a16.39 16.39 0 0 1 16.424 16.424 16.388 16.388 0 0 1-16.424 16.422 16.386 16.386 0 0 1-16.422-16.422 16.389 16.389 0 0 1 16.422-16.424zm-93.324 46.664A16.387 16.387 0 0 1 74.76 126.25a16.386 16.386 0 0 1-16.422 16.422 16.386 16.386 0 0 1-16.422-16.422 16.386 16.386 0 0 1 16.422-16.422zm47.182 0a16.387 16.387 0 0 1 16.421 16.422 16.386 16.386 0 0 1-16.421 16.422 16.388 16.388 0 0 1-16.424-16.422 16.388 16.388 0 0 1 16.424-16.422zm46.142 0a16.388 16.388 0 0 1 16.424 16.422 16.388 16.388 0 0 1-16.424 16.422 16.386 16.386 0 0 1-16.422-16.422 16.387 16.387 0 0 1 16.422-16.422z" color="" style="-inkscape-stroke:none" transform="translate(-37.3 -11.889)"/>
<image src="/img/oftc-logo-grey.png" xlink:href=""></image>
</svg>
55 changes: 55 additions & 0 deletions _includes/navbar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<nav class="navbar navbar-expand-lg navbar-secondary bg-body-secondary">
<div class="container" id="back-to-top">

<div class="col smallhero">
<a class="logo me-0 navbar-brand" href="/" aria-label="Back to Home">
{% include logo.html %}<span class="herospan">OFTC</span>
</a>
</div>

<a class="p-1" id="skip-to-content" href="#jump-to-content" aria-label="Skip to content"><i role="presentation" class="bi bi-arrow-down-circle p-1"></i>Skip to content</a>

<button class="navbar-toggler" type="button" role="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="justify-content-lg-left col navbar-nav">
{% if page.url == "/" %}
<li class="nav-item"><a class="nav-link active" aria-current="page" href="#" aria-label="Back to Home">Home</a></li>
{% else %}
<li class="nav-item" ><a class="nav-link" href="/" aria-label="Back to Home">Home</a></li>
{% endif %}
{% if page.url == "/archive/" %}
<li class="nav-item"><a class="nav-link active" aria-current="page" href="/archives/" aria-label="News archives">News</a></li>
{% else %}
<li class="nav-item"><a class="nav-link" href="/archives/" aria-label="News archives">News</a></li>
{% endif %}
{% if page.url == "/staff/" %}
<li class="nav-item"><a class="nav-link active" aria-current="page" href="/staff/" aria-label="OFTC staff">Staff</a></li>
{% else %}
<li class="nav-item" ><a class="nav-link" href="/staff/" aria-label="OFTC staff">Staff</a></li>
{% endif %}
{% if page.url == "/documentation/" %}
<li class="nav-item"><a class="nav-link active" aria-current="page" href="/documentation/" aria-label="Documentation">Documentation</a></li>
{% else %}
<li class="nav-item"><a class="nav-link" href="/documentation/" aria-label="Documentation">Documentation</a></li>
{% endif %}
{% if page.url == "/FAQ/" %}
<li class="nav-item"><a class="nav-link active" aria-current="page" href="/FAQ/" aria-label="FAQ and help contacts">Help</a></li>
{% else %}
<li class="nav-item"><a class="nav-link" href="/FAQ/" aria-label="FAQ and help contacts">Help</a></li>
{% endif %}
</ul>
<div class="dark-mode-toggler navbar-form form-check form-switch d-lg-flex col justify-content-lg-center">
<i role="presentation" class='bi bi-sun light-mode-bi' title="Light mode"></i>
<input class="form-check-input" type="checkbox" id="darkModeSwitch" checked aria-label="Toggle dark mode" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Toggle dark mode" >
<i role="presentation" class='bi bi-moon dark-mode-bi' title="Dark mode"></i>
</div>
<div class="col align-self-end">
<form class="d-lg-flex justify-content-lg-end navbar-form" role="form" id="webchat" aria-label="Our webchat" action="//webchat.oftc.net" method="get" target="_blank">
<input class="form-control me-2" name="nick" type="text" placeholder="Nickname" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Enter your IRC nickname" aria-label="Enter your IRC nickname">
<input class="form-control me-2" name="channels" type="text" placeholder="#oftc, #moocows" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Enter comma seperated list of channels to join" aria-label="Enter comma seperated list of channels to join">
<button class="btn btn-primary" type="submit" role="button" aria-label="Go to web the client (in a new tab)">Chat!</button>
</form>
</div>
</div>
</div>
</nav>
Loading
Loading