forked from Skynet/wiki
feat: switched over to using markdown
This commit is contained in:
parent
98dc954587
commit
d294ae428b
28 changed files with 1934 additions and 598 deletions
31
src/templates/general.html
Normal file
31
src/templates/general.html
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<title>{title}</title>
|
||||
<link href="../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
|
||||
<link href="../../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
|
||||
<link href="../templates/index.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../templates/index.css" rel="stylesheet" type="text/css"/>
|
||||
|
||||
<!-- for code formatting -->
|
||||
<link rel="stylesheet" href="../templates/hybrid.min.css">
|
||||
<link rel="stylesheet" href="../../templates/hybrid.min.css">
|
||||
<script src="../templates/highlight.min.js"></script>
|
||||
<script src="../../templates/highlight.min.js"></script>
|
||||
<script>hljs.highlightAll()</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header"></header>
|
||||
<main class="page-body">
|
||||
{body}
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1366
src/templates/highlight.min.js
vendored
Normal file
1366
src/templates/highlight.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
src/templates/hybrid.min.css
vendored
Normal file
1
src/templates/hybrid.min.css
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1d1f21;color:#c5c8c6}.hljs span::selection,.hljs::selection{background:#373b41}.hljs span::-moz-selection,.hljs::-moz-selection{background:#373b41}.hljs-name,.hljs-title{color:#f0c674}.hljs-comment,.hljs-meta,.hljs-meta .hljs-keyword{color:#707880}.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-symbol{color:#c66}.hljs-addition,.hljs-doctag,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-string{color:#b5bd68}.hljs-attribute,.hljs-code,.hljs-selector-id{color:#b294bb}.hljs-bullet,.hljs-keyword,.hljs-selector-tag,.hljs-tag{color:#81a2be}.hljs-subst,.hljs-template-tag,.hljs-template-variable,.hljs-variable{color:#8abeb7}.hljs-built_in,.hljs-quote,.hljs-section,.hljs-selector-class,.hljs-type{color:#de935f}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
|
||||
100
src/templates/index.css
Normal file
100
src/templates/index.css
Normal file
|
|
@ -0,0 +1,100 @@
|
|||
|
||||
html {
|
||||
background: #008B8B url(../images/backgroundsharkycoin.png);
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
body {
|
||||
text-align: left;
|
||||
background: #008B8B;
|
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
|
||||
color: #F0FFFF;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin: 0 auto;
|
||||
max-width: 800px;
|
||||
padding: 2em 2em 1em;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
color: #F0FFFF;
|
||||
font-weight: 600;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
color: #FFFF00
|
||||
}
|
||||
|
||||
/* Title bar */
|
||||
header {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
header img {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.boxes {
|
||||
display: -moz-flex;
|
||||
background-color: #008B8B;
|
||||
margin-left: 20%;
|
||||
margin-right: 20%;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
#table {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Sticky Footer
|
||||
https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers
|
||||
*/
|
||||
html, body {
|
||||
box-sizing: border-box;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
box-sizing: border-box;
|
||||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.page-header, .page-footer {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.page-body {
|
||||
flex-grow: 1;
|
||||
background-color: #008B8B;
|
||||
}
|
||||
|
||||
/*
|
||||
Spacing in lists
|
||||
*/
|
||||
|
||||
li p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*This page only*/
|
||||
|
||||
.p1 {
|
||||
color: #FFFF00
|
||||
}
|
||||
img {
|
||||
animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
|
||||
background: transparent;
|
||||
display: block;
|
||||
margin: 1.3em auto;
|
||||
max-width: 95%;
|
||||
}
|
||||
86
src/templates/powerpoint.html
Normal file
86
src/templates/powerpoint.html
Normal file
|
|
@ -0,0 +1,86 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang='en'>
|
||||
<head>
|
||||
<title>{title}</title>
|
||||
<link href="../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
|
||||
<link href="../../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
|
||||
|
||||
<!-- for code formatting -->
|
||||
<link rel="stylesheet" href="../templates/hybrid.min.css">
|
||||
<link rel="stylesheet" href="../../templates/hybrid.min.css">
|
||||
<script src="../templates/highlight.min.js"></script>
|
||||
<script src="../../templates/highlight.min.js"></script>
|
||||
<script>hljs.highlightAll()</script>
|
||||
</head>
|
||||
<body>
|
||||
{body}
|
||||
</body>
|
||||
<style>
|
||||
section.slide {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) scale(3);
|
||||
}
|
||||
ol, ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
img{
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 40%;
|
||||
max-height: 40%;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
let slide_number = 0;
|
||||
let slide_max = 0;
|
||||
|
||||
for (let section of document.querySelectorAll("section.slide")) {
|
||||
let number = parseInt(section.id, 10);
|
||||
if (number > slide_max) {
|
||||
slide_max = number;
|
||||
}
|
||||
}
|
||||
|
||||
slide_next = (change) => {
|
||||
// make old hidden
|
||||
document.getElementById(`${slide_number}`).style.display = "none";
|
||||
|
||||
// make the change
|
||||
let slide_number_new = slide_number + change;
|
||||
if (slide_number_new >= 0 && slide_number_new <= slide_max) {
|
||||
slide_number += change;
|
||||
}
|
||||
|
||||
// make current visible
|
||||
document.getElementById(`${slide_number}`).style.display = "block";
|
||||
}
|
||||
|
||||
// add event listner
|
||||
onkeydown = (event) => {
|
||||
if (event.key === "ArrowRight" || event.key === "ArrowDown") {
|
||||
slide_next(1);
|
||||
}
|
||||
if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
|
||||
slide_next(-1);
|
||||
}
|
||||
};
|
||||
|
||||
on_events = (clickTargetWidth, xCoordInClickTarget) => {
|
||||
if (clickTargetWidth / 2 > xCoordInClickTarget) {
|
||||
slide_next(-1);
|
||||
} else {
|
||||
slide_next(1);
|
||||
}
|
||||
}
|
||||
|
||||
ontouchstart = (event) => {
|
||||
on_events(event.target.offsetWidth, event.touches[0].clientX - event.target.getBoundingClientRect().left);
|
||||
};
|
||||
// show the first slide
|
||||
slide_next(0)
|
||||
</script>
|
||||
</html>
|
||||
46
src/templates/wiki.html
Normal file
46
src/templates/wiki.html
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<title>{title}</title>
|
||||
<link href="../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
|
||||
<link href="../../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
|
||||
<link href="../templates/index.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../templates/index.css" rel="stylesheet" type="text/css"/>
|
||||
|
||||
https://discord.skynet.ie
|
||||
|
||||
<!-- for code formatting -->
|
||||
<link rel="stylesheet" href="../templates/hybrid.min.css">
|
||||
<link rel="stylesheet" href="../../templates/hybrid.min.css">
|
||||
<script src="../templates/highlight.min.js"></script>
|
||||
<script src="../../templates/highlight.min.js"></script>
|
||||
<script>hljs.highlightAll()</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<a href="./" >
|
||||
<img alt="Sharky, our mascot" height="81.56" src="../images/sharky.svg" width="145"/>
|
||||
</a>
|
||||
<h1>
|
||||
<a href="./" >
|
||||
<h1>Skynet Wiki</h1>
|
||||
</a>
|
||||
</h1>
|
||||
</header>
|
||||
|
||||
<main class="page-body">
|
||||
<h1>{title}</h1>
|
||||
<h4>{date}</h4>
|
||||
<!--indentation is managed by the converter-->
|
||||
{body}
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
42
src/templates/wiki_index.html
Normal file
42
src/templates/wiki_index.html
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-ie">
|
||||
<head>
|
||||
<title>{title}</title>
|
||||
<link href="../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
|
||||
<link href="../../images/favicon/favicon-16x16.png" rel="icon" type="image/png"/>
|
||||
<link href="../templates/index.css" rel="stylesheet" type="text/css"/>
|
||||
<link href="../../templates/index.css" rel="stylesheet" type="text/css"/>
|
||||
|
||||
<!-- for code formatting -->
|
||||
<link rel="stylesheet" href="../templates/hybrid.min.css">
|
||||
<link rel="stylesheet" href="../../templates/hybrid.min.css">
|
||||
<script src="../templates/highlight.min.js"></script>
|
||||
<script src="../../templates/highlight.min.js"></script>
|
||||
<script>hljs.highlightAll()</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="page-header">
|
||||
<a href="./" >
|
||||
<img alt="Sharky, our mascot" height="81.56" src="../images/sharky.svg" width="145"/>
|
||||
</a>
|
||||
<h1>
|
||||
<a href="./" >
|
||||
<h1>Skynet Wiki</h1>
|
||||
</a>
|
||||
</h1>
|
||||
</header>
|
||||
|
||||
<main class="page-body">
|
||||
<!--indentation is managed by the converter-->
|
||||
{body}
|
||||
</main>
|
||||
<footer class="page-footer">
|
||||
UL Computer Society 2023-<span id="year">2023</span>
|
||||
<script>
|
||||
document.getElementById('year').textContent = new Date().getFullYear().toString()
|
||||
</script>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue