ada
/
backplaces
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a bunch of stuff idk

Browse Source
master
ada 1 year ago
parent fa8b4278e9
commit 274e6c6c2f
7 changed files with 169 additions and 4 deletions
Show Stats Download Patch File Download Diff File

82
css/style_luddite.css
Unescape Escape View File

@ -0,0 +1,82 @@
@font-face {
font-family: 'worksans';
src: url('css/fonts/worksans/WorkSans-Regular.woff') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'worksans';
src: url('./css/fonts/worksans/WorkSans-Bold.woff') format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'worksans';
src: url('./css/fonts/worksans/WorkSans-Italic.woff') format('opentype');
font-weight: normal;
font-style: oblique;
}
@font-face {
font-family: 'worksans';
src: url('./css/fonts/worksans/WorkSans-Bold.woff') format('opentype');
font-weight: bold;
font-style: oblique;
}
body {
font-family: 'worksans', sans-serif;
color: #ebebe6;
min-height: 100vh;
background-color: #130149;
margin-top: 0px;
box-sizing: border-box;
display: flex;
}
.image-container {
display: flex;
flex-direction: column;
margin-left: 20px;
}
.link {
margin-bottom: 30px;
cursor: pointer;
position: relative;
}
.box-container {
display: none;
background-color: #ebebe6;
color: #130149;
border-radius: 6px;
padding: 6px;
margin-left: 20px;
font-size: 18px;
width: 65vw;
position: absolute;
top:70px;
left: 100%;
}
.last-clicked .text-box {
display: block;
margin-left: 20px;
}
.last-clicked .box-container {
display: flex;
flex-direction: column;
}
#hut {
position: fixed;
top: 20px;
right: 20px;
width: 100px;
height: auto;
z-index: 1000;
}

4
css/style_webweave.css
Unescape Escape View File

@ -91,8 +91,8 @@ h3 {
#christmas-image { #christmas-image {
position: fixed; position: fixed;
top: 5px; top: 20px;
left: 5px; left: 20px;
width: 100px; width: 100px;
height: auto; height: auto;
z-index: 1000; z-index: 1000;

BIN
images/act1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 571 KiB

BIN
images/act2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 621 KiB

BIN
images/act3.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 635 KiB

3
index.html
Unescape Escape View File

@ -7,8 +7,7 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/style_index.css"> <link rel="stylesheet" href="css/style_index.css">
<!-- Fonts -->
<!-- <link rel="stylesheet" href="/fonts/worksans/stylesheet.css"> -->
</head> </head>
<div class="grid-wrap"> <div class="grid-wrap">

84
luddite.html
Unescape Escape View File

@ -0,0 +1,84 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/style_luddite.css">
</head>
<body>
<div>
<h1>
<div id="imageContainer" class="image-container">
<a href="https://hub.xpub.nl/breadcube/backplaces/index.html" target="_blank">
<img id="hut" src="images/hut.png" alt="hut">
</a>
</div>
</h1>
</div>
<script>
function displayText(messages, container) {
var textBoxContainer = container.querySelector('.box-container');
if (!textBoxContainer) {
textBoxContainer = document.createElement("div");
textBoxContainer.className = "box-container";
container.appendChild(textBoxContainer);
// Create a separate text box for each sentence AAAAA
messages.forEach(function (message, index) {
var textBox = document.createElement("div");
textBox.className = "text-box-" + index;
textBox.textContent = message;
textBoxContainer.appendChild(textBox);
});
// Add the 'last-clicked' class to the container
container.classList.add('last-clicked');
} else {
// If the text is already displayed, remove it
textBoxContainer.remove();
container.classList.remove('last-clicked');
}
}
function createImageAndLink(src, messages, index) {
// Create image element
var img = document.createElement("img");
img.src = src;
img.width = 240;
img.height = 240;
// Create link element
var link = document.createElement("div");
link.className = "link link-" + index;
link.appendChild(img);
// Append the link to the container
var container = document.getElementById("imageContainer");
container.appendChild(link);
// Add click event to display or hide text
link.addEventListener("click", function () {
displayText(messages, link);
});
}
// Create images with links and text boxes
createImageAndLink("images/act1.png", ["This is my open letter: Has a machine ever helped you be human? If you took a picture of your guts and posted it online, what would people say? Do you think anybody would hold them?"], 1);
createImageAndLink("images/act2.png", ["They wouldn't. I got rid of my smartphone and television seven years ago and became a complete luddite. I kept my Linux Desktop PC to access the ar15.com forum, to sell and buy rifles. Nobody else comes this far into the woods. Machines are no vessel for love and I am much too old to believe in angels. My roots run deep in the forest soil, deeper than cables can. There is no emotional support to be found online, sorry to say.","lud7"], 2);
createImageAndLink("images/act3.png", [
"My line is always open to all of you at any time",
"IM me and I will call you to lend you an ear and a shoulder. Together, we can overcome a lot of difficulties and hard times.",
"We have done it before and we can continue to do it. Do not despair and lose hope.",
"We have had attempts in the past. Thank God, both were dealt with successfully. I am sure tc69 would get involved again to avert a tragedy like he did before.",
"I'm IM-ing you my contact info. If someone's in my area that needs help, let me know."
], 3);
</script>
</body>
</html>
Write Preview
Loading…
Cancel
Save