Browse Source

Initial commit.

main
ketudb 10 months ago
commit
2926806589
Signed by: ketudb <nerd@caffeinewitch.tech> GPG Key ID: 8BE60969796AE13F
4 changed files with 11917 additions and 0 deletions
  1. BIN
      assets/favicon.ico
  2. +11760
    -0
      css/styles.css
  3. +109
    -0
      index.html
  4. +48
    -0
      js/scripts.js

BIN
assets/favicon.ico View File

Before After

+ 11760
- 0
css/styles.css
File diff suppressed because it is too large
View File


+ 109
- 0
index.html View File

@@ -0,0 +1,109 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Hi, K!</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-lg-5">
<a class="navbar-brand" href="#!">Hi, K!</a>
</div>
</nav>
<!-- Header-->
<header class="py-5">
<!-- This header intentionally left blank -->
</header>
<!-- Page Content-->
<section class="pt-4">
<div class="container px-lg-5">
<!-- Page Features-->
<div class="row gx-lg-5">
<div class="col-lg-6 col-xxl-4 col-sm-6 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-check2-square"></i></div>
<h2 class="fs-4 fw-bold"><a href="https://todoist.com/app/today" id='todoist'>Todoist</a></h2>
<p class="mb-0">Tasks, to-dos &amp; project tracking.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xxl-4 col-sm-6 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-journals"></i></div>
<h2 class="fs-4 fw-bold"><a href="https://www.icloud.com/notes/" id='icloud_notes'>iCloud notes</a></h2>
<p class="mb-0">Free-form notes.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xxl-4 col-sm-6 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4" style="margin-right: 10px;"><i class="bi bi-envelope"></i></div><div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-person-lines-fill"></i></div><div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4" style="margin-left: 10px;"><i class="bi bi-calendar-event"></i></div>
<h2 class="fs-4 fw-bold"><a href="https://mail.mania.systems" id='fastmail'>Fastmail</a></h2>
<p class="mb-0">Email, contacts &amp; most calendaring.<br/>Also stores some older backups.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xxl-4 col-sm-6 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4" style="margin-right: 10px;"><i class="bi bi-cloud"></i></div><div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-pen"></i></div><div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4" style="margin-left: 10px;"><i class="bi bi-rss"></i></div>
<h2 class="fs-4 fw-bold"><a href="https://docs.mania.systems" id='nextcloud'>Nextcloud</a></h2>
<p class="mb-0">File storage &amp; sync, document editing, RSS aggregator.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xxl-4 col-sm-6 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-file-earmark-lock"></i></div>
<h2 class="fs-4 fw-bold"><a href="https://pad.mania.systems" id='cryptpad'>CryptPad</a></h2>
<p class="mb-0">Collaborative and E2EE, but non-synced, document editing and storage.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xxl-4 col-sm-6 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-images"></i></div>
<h2 class="fs-4 fw-bold"><a href="https://www.icloud.com/photos" id='icloud_photos'>iCloud Photos</a></h2>
<p class="mb-0">Photos &amp; albums.</p>
</div>
</div>
</div>
<div class="col-lg-6 col-xxl-4 col-sm-6 mb-5">
<div class="card bg-light border-0 h-100">
<div class="card-body text-center p-4 p-lg-5 pt-0 pt-lg-0">
<div class="feature bg-primary bg-gradient text-white rounded-3 mb-4 mt-n4"><i class="bi bi-music-player"></i></div>
<h2 class="fs-4 fw-bold"><a href="https://beta.music.apple.com" id='apple_music'>Apple Music</a></h2>
<p class="mb-0">Music library &amp; playlists.</p>
</div>
</div>
</div>

</div>
</div>
</section>
<!-- Footer-->
<footer class="py-5 bg-dark">
<!-- Footer intentionally left blank <3 -->
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>

+ 48
- 0
js/scripts.js View File

@@ -0,0 +1,48 @@
/*!
* Start Bootstrap - Heroic Features v5.0.2 (https://startbootstrap.com/template/heroic-features)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-heroic-features/blob/master/LICENSE)
*/
// This file is intentionally blank
// Use this file to add JavaScript to your project

function iOS() {
return [
'iPad Simulator',
'iPhone Simulator',
'iPod Simulator',
'iPad',
'iPhone',
'iPod'

].includes(navigator.platform)
// iPad on iOS 13 detection
|| (navigator.userAgent.includes("Mac") && "ontouchend" in document)
}

$(document).ready(function(){
console.log("Starting...");
var mobile_requested = false;
const urlParams = new URLSearchParams(location.search);
for (const [k, v] of urlParams){
console.log("Checking '"+ k +"'...")
if(k == "m"){ mobile_requested = true; console.log("Forced to mobile mode."); }
}


if (iOS() == true || mobile_requested == true){
console.log("Mobile mode requested - updating links...");
var deeplinks = {
todoist: "todoist://",
icloud_notes: "mobilenotes://",
fastmail: "fastmail://",
nextcloud: "nextcloud://",
icloud_photos: "photos-redirect://",
apple_music: "music://"
};

$.each(deeplinks, function(k, v){
$('#' + k).attr('href', v);
});
}
});

Loading…
Cancel
Save