Skip to content

Fix XHTML5 tags and avoid broken JavaScript #11

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

Closed
fdd26 wants to merge 4 commits into from
Closed

Fix XHTML5 tags and avoid broken JavaScript #11

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e8ee0de
Fix XHTML5 tags and avoid broken JavaScript
fdd26 Mar 6, 2026
aebd488
add img alt
fdd26 Mar 6, 2026
c271d24
Back to 4 spaces
fdd26 Mar 6, 2026
7ecaac8
add https preconnect and CSS color fallback
fdd26 Mar 6, 2026
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
124 changes: 78 additions & 46 deletions public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,80 +1,111 @@
<!DOCTYPE html>
<html>

<head>
<!-- Metas -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="author" content="Malassi :)">
<meta name="title" content="The official Code Society website">
<meta http-equiv="Content-Type" content="text/html; 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="author" content="Malassi :)" />
<meta name="title" content="The official Code Society website" />
<meta name="description"
content="Code Society is a friendly community of programmers and scientists from all around the world.">
<meta property="og:type" content="website">
<meta property="og:site_name" content="The Code Society">
<meta property="og:url" content="https://codesociety.xyz/">
<meta property="og:title" content="The Code Society Community">
<meta property="og:description" content="The Code Society is a friendly community of programmers and scientists from all around the world.">
<meta property="og:image" content="https://codesociety.xyz/images/code_society_round.png">
<meta property="og:image:alt" content="The Code Society logo">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="The Code Society Community">
<meta name="twitter:description" content="The Code Society is a friendly community of programmers and scientists from all around the world.">
<meta name="twitter:image" content="https://codesociety.xyz/images/code_society_round.png">
<meta name="theme-color" content="#007bff">
content="Code Society is a friendly community of programmers and scientists from all around the world." />

<meta property="og:type" content="website" />
<meta property="og:site_name" content="The Code Society" />
<meta property="og:url" content="https://codesociety.xyz/" />
<meta property="og:title" content="The Code Society Community" />
<meta property="og:description" content="The Code Society is a friendly community of programmers and scientists from all around the world." />
<meta property="og:image" content="https://codesociety.xyz/images/code_society_round.png" />
<meta property="og:image:alt" content="The Code Society logo" />

<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="The Code Society Community" />
<meta name="twitter:description" content="The Code Society is a friendly community of programmers and scientists from all around the world." />
<meta name="twitter:image" content="https://codesociety.xyz/images/code_society_round.png" />
<meta name="theme-color" content="#007bff" />

<!-- Preconnect over HTTPS handshake -->
<link rel="preconnect" href="https://code.jquery.com" />
<link rel="preconnect" href="https://stackpath.bootstrapcdn.com" />
<link rel="preconnect" href="https://cdnjs.cloudflare.com" />
<link rel="preconnect" href="https://www.gstatic.com" />
<link rel="preconnect" href="https://unpkg.com" />

<script type="text/javascript">//<!--
document.createElement("section");
document.createElement("nav");
document.createElement("article");
// --></script>

<style type="text/css">
/* Fallback CSS */
html,body,a,img{border:0;outline:0;margin:0;padding:0;}
html,body,section,nav,div.bg-primary {
background-color: #f4c308;
color: #000;
}
.navbar,.section{display:block;width:100%;}
</style>

<!-- Boostrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />

<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.11/dist/lenis.css">

<!-- Firebase -->
<script src="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/9.6.2/firebase-ui-auth.css" />

<!-- Lenis -->
<script src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js" defer></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
const lenis = new Lenis({ autoRaf: true });
document.getElementById('scroll-down').addEventListener('click', (e) => lenis.scrollTo("#info"));
});
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.11/dist/lenis.css" />
<script type="module" src="https://unpkg.com/lenis@1.3.11/dist/lenis.min.js" defer="defer"></script>
<script type="text/javascript">//<!--
if (document.addEventListener) {
document.addEventListener("DOMContentLoaded", function() {
if (window.Lenis) {
var lenis = new Lenis({ autoRaf: true });
document.getElementById("scroll-down").addEventListener("click", function(e) { lenis.scrollTo("#info") });
}
});
}
// --></script>

<!-- Styles -->
<link rel="stylesheet" href="styles/styles.css">
<link rel="icon" type="image/png" href="images/code_society_round.png">
<link rel="apple-touch-icon" href="images/code_society_round.png">
<link rel="stylesheet" href="./styles/styles.css" />
<link rel="icon" type="image/png" href="./images/code_society_round.png" />
<link rel="apple-touch-icon" href="./images/code_society_round.png" />

<title>Code Society</title>
</head>

<body class="vh-100">
<section id="header" class="bg-primary">
<section id="header" class="section bg-primary">
<nav class="navbar">
<div class="container-fluid">
<div class="row">
<div class="col p-2">
<a href="https://github.com/Code-Society-Lab">
<img src="images/github.svg" height="40" width="40">
<img src="./images/github.svg" border="0" height="40" width="40" />
</a>
</div>
<div class="col p-2">
<a href="https://discord.gg/FzgwHD7Am3">
<img src="images/discord.svg" height="40" width="40">
<img src="./images/discord.svg" border="0" height="40" width="40" />
</a>
</div>
<div class="col p-2">
<a href="https://matrix.to/#/#codesociety:matrix.org">
<img src="images/matrix_icon.svg" height="40" width="40">
<img src="./images/matrix_icon.svg" border="0" height="40" width="40" />
</a>
</div>
</div>
Expand All @@ -84,7 +115,7 @@
<div class="row align-items-center justify-content-center">
<div class="col-lg-4 text-center">
<div class="logo mx-auto rounded-circle">
<img src="images/code_society.svg">
<img src="./images/code_society.svg" border="0" />
</div>
</div>
<div class="col-lg-8">
Expand All @@ -96,19 +127,19 @@
</div>
</div>
<div class="floating-arrow">
<img src="images/arrow.svg" id="scroll-down" style="cursor: pointer;">
<img src="./images/arrow.svg" id="scroll-down" style="cursor: pointer;" />
</div>
</div>
</section>

<section id="info" class="bg-secondary">
<section id="info" class="section bg-secondary">
<div class="container-fluid info-container d-flex flex-fill">
<div class="flex-fill">
<!-- Our Goal Section -->
<div class="row">
<div class="col-lg-6">
<div class="d-flex justify-content-center align-items-center h-100">
<img src="images/rocket.svg">
<img src="./images/rocket.svg" border="0" />
</div>
</div>
<div class="col-lg-6 d-flex justify-content-center align-items-center separation left">
Expand All @@ -131,7 +162,7 @@
<div class="row flex-row-reverse">
<div class="col-lg-6">
<div class="d-flex justify-content-center align-items-center h-100">
<img src="images/robot.svg" style="width:200px; height:200px;">
<img src="./images/robot.svg" border="0" width="200" height="200" style="width:200px;height:200px;" />
</div>
</div>
<div class="col-lg-6 d-flex justify-content-center align-items-center separation right">
Expand All @@ -154,7 +185,7 @@
<div class="row">
<div class="col-lg-6">
<div class="d-flex justify-content-center align-items-center h-100">
<img src="images/matrix.svg">
<img src="images/matrix.svg" border="0" />
</div>
</div>
<div class="col-lg-6 d-flex justify-content-center align-items-center separation left">
Expand All @@ -176,7 +207,7 @@
<div class="row flex-row-reverse">
<div class="col-lg-6">
<div class="d-flex justify-content-center align-items-center h-100">
<img src="images/books.svg">
<img src="./images/books.svg" border="0" />
</div>
</div>
<div class="col-lg-6 d-flex justify-content-center align-items-center separation right">
Expand All @@ -188,7 +219,7 @@
<p class="description">Our <a href="https://resources.codesociety.xyz">library</a>
is a collection of resources put together by the members of
the Code Society for various programming and software development
subjects that we have found useful. It's a great place to find books,
subjects that we have found useful. It is a great place to find books,
articles, videos, and more to help you learn and grow as a programmer or scientist.
</p>
</div>
Expand All @@ -201,3 +232,4 @@
</body>

</html>