RoscoeDaWah/wah.moe
RoscoeDaWah/wah.moe
1
0
Fork 0
Code Issues Pull requests Projects Releases 23 Packages Activity Actions

Move global head to file and split between page-specific and global

Browse source
This commit is contained in:
Frankie B 2022-09-19 21:21:41 +00:00
commit 199be00b8c
9 changed files with 42 additions and 127 deletions
Download patch file Download diff file Expand all files Collapse all files

41
index.php
View file

@ -2,46 +2,19 @@
<html lang="en">
<head>
<title>~floppydisk</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" id="theme" href="./res/css/dark.css" type="text/css" />
<meta property="og:type" content="website">
<meta property="og:title" content="~floppydisk">
<!-- Global -->
<?php require('./inc/head.html'); ?>
<!-- Page-specific -->
<title>~floppydisk</title>
> <meta property="og:title" content="~floppydisk">
<meta property="og:description" content="This is the personal homepage of floppydisk. Every now and then, I dabble in software/hardware projects, take pictures, or write blogposts.">
<meta property="og:image" content="/favicon.png">
<!--<script lang="javascript" href="/res/js/themeswap.js"></script>-->
<script>
function addStyleSheet(name, id) {
var path = '/res/css/' + name + '.css';
var old = document.getElementById(id);
if (old && (old.href != path)) {
old.href = path;
}
}
var otherTheme = {
'dark': 'light',
'light': 'dark',
};
var currentTheme = localStorage.getItem('theme');
if (!otherTheme.hasOwnProperty(currentTheme)) {
currentTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
}
addStyleSheet(currentTheme, 'theme');
function toggleTheme() {
currentTheme = otherTheme[currentTheme] || 'light';
localStorage.setItem('theme', currentTheme);
addStyleSheet(currentTheme, 'theme');
}
</script>
</head>
<body>
<div class="page">
<?php require('nav.php') ?>
<?php require('./inc/nav.php') ?>
<div id="pagebody">
<div id="content">
<p>Hi!</p>