master
ada 12 months ago
parent 274e6c6c2f
commit 4e20a6bdfc

@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.6.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 463.2 125.1" style="enable-background:new 0 0 463.2 125.1;" xml:space="preserve">
<style type="text/css">
.st0{enable-background:new ;}
.st1{fill:#FFFFFF;}
</style>
<g class="st0">
<path class="st1" d="M0,102.8v-4.1h4.1v-2h2V74.3h2V52h-2v-2H2v-4.1h34.5v2h4.1v2h2v2h2v2h2v4.1h2v6.1h-2v4.1h-2v2h-2v2h-2v4.1h2v2
h2v2h2v4.1h2v6.1h-2v4.1h-2v2h-2v2h-2v2h-4.1v2H0z M30.5,98.7v-2h4.1v-2h2v-4.1h2v-6.1h-2v-4.1h-2v-2h-4.1v-2H16.2v20.3h2v2H30.5z
M30.5,72.3v-2h4.1v-2h2v-4.1h2v-6.1h-2V54h-2v-2h-4.1v-2H20.3v2h-2v20.3H30.5z"/>
<path class="st1" d="M68.2,102.8v-2h-4.1v-2h-2v-4.1h-2v-6.1h2v-2h2v-2h6.1v-2h6.1v-2h4.1v2h2v2h-6.1v2h-6.1v2h-2v6.1h2v2h10.2v-2
h2v-6.1h2V70.3h-2v-2H72.2v2h-2v4.1h-2v2h-4.1v-2h-2v-4.1h2v-2h2v-2h4.1v-2h16.2v2h4.1v4.1h2v14.2h-2v10.2h2v2h4.1v-2h4.1v4.1h-4.1
v2h-4.1v2h-6.1v-2h-2v-2h-4.1v2h-4.1v2H68.2z"/>
<path class="st1" d="M126.2,102.8v-2h-6.1v-2h-2v-2h-2v-4.1h-2v-6.1h-2v-6.1h2v-6.1h2v-4.1h2v-2h2v-2h6.1v-2h10.2v2h2v2h2v2h2v4.1
h-2v2h-4.1v-2h-2v-4.1h2v-2h-10.2v2h-2v2h-2v4.1h-2v10.2h2v4.1h2v2h2v2h8.1v-2h4.1v-2h2v-2h2v6.1h-2v2h-2v2h-2v2h-4.1v2H126.2z"/>
<path class="st1" d="M151.7,102.8v-4.1h4.1V74.3h2V45.9h-4.1v-4.1h6.1v-2h4.1v-2h2v38.6h-2v6.1h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2
H174v-4.1h14.2v4.1h-4.1v2h-2v2h-2v2h-2v2h-2v2h-2v2h-2v4.1h2v2h2v2h2v2h2v2h2v2h2v2h2v2h4.1v4.1H172v-4.1h4.1v-2h-2v-2h-2v-2h-2
v-2h-2v-2h-2v-2h-2v12.2h4.1v4.1H151.7z"/>
<path class="st1" d="M205.6,127.2V94.7h2V70.3h-6.1v-4.1h10.2v-2h4.1v8.1h2v-2h2v-2h2v-2h4.1v-2h6.1v2h6.1v2h2v2h2v4.1h2v6.1h2v6.1
h-2v6.1h-2v4.1h-2v2h-2v2H232v2h-10.2v-2h-2v-4.1h2v2H232v-2h2v-2h2v-4.1h2V80.4h-2v-4.1h-2v-2h-2v-2h-8.1v2h-4.1v4.1h-2v2h-2v14.2
h-2V119h4.1v4.1h-6.1v2h-4.1v2H205.6z"/>
<path class="st1" d="M255.5,102.8v-4.1h4.1V74.3h2V45.9h-4.1v-4.1h6.1v-2h4.1v-2h2v38.6h-2v22.3h4.1v4.1H255.5z"/>
<path class="st1" d="M291.2,102.8v-2h-4.1v-2h-2v-4.1h-2v-6.1h2v-2h2v-2h6.1v-2h6.1v-2h4.1v2h2v2h-6.1v2h-6.1v2h-2v6.1h2v2h10.2v-2
h2v-6.1h2V70.3h-2v-2h-10.2v2h-2v4.1h-2v2h-4.1v-2h-2v-4.1h2v-2h2v-2h4.1v-2h16.2v2h4.1v4.1h2v14.2h-2v10.2h2v2h4.1v-2h4.1v4.1
h-4.1v2h-4.1v2h-6.1v-2h-2v-2h-4.1v2h-4.1v2H291.2z"/>
<path class="st1" d="M349.2,102.8v-2h-6.1v-2h-2v-2h-2v-4.1h-2v-6.1h-2v-6.1h2v-6.1h2v-4.1h2v-2h2v-2h6.1v-2h10.2v2h2v2h2v2h2v4.1
h-2v2h-4.1v-2h-2v-4.1h2v-2h-10.2v2h-2v2h-2v4.1h-2v10.2h2v4.1h2v2h2v2h8.1v-2h4.1v-2h2v-2h2v6.1h-2v2h-2v2h-2v2h-4.1v2H349.2z"/>
<path class="st1" d="M391,102.8v-2h-6.1v-2h-2v-2h-2v-4.1h-2v-6.1h-2v-6.1h2v-6.1h2v-4.1h2v-2h2v-2h6.1v-2h8.1v2h4.1v2h2v2h2v4.1
h-2v2h4.1v4.1h-4.1v2h-8.1v2H391v2h-4.1v4.1h2v2h2v2h8.1v-2h4.1v-2h2v-2h2v6.1h-2v2h-2v2h-2v2h-4.1v2H391z M391,82.5v-2h6.1v-2h2
v-2h2v-4.1h-2v-2h-2v-2H391v2h-2v2h-2v4.1h-2v6.1H391z"/>
<path class="st1" d="M432.7,102.8v-2h-6.1v-2h-4.1v-2h-2v-4.1h2v-2h2v-2h4.1v6.1h2v2h4.1v2h8.1v-2h2v-8.1h-2v-2h-6.1v-2h-12.2v-2
h-2v-2h-2V70.3h2v-2h2v-2h4.1v-2h14.2v2h4.1v2h2v4.1h-2v2h-2v2h-4.1v-6.1h-2v-2h-10.2v2h-2v6.1h2v2h6.1v2H449v2h2v2h2v8.1h-2v4.1
h-2v2h-2v2h-4.1v2H432.7z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

@ -50,7 +50,6 @@ body {
.box-container { .box-container {
display: none; display: none;
background-color: #ebebe6;
color: #130149; color: #130149;
border-radius: 6px; border-radius: 6px;
padding: 6px; padding: 6px;

@ -12,21 +12,45 @@
<div class="grid-wrap"> <div class="grid-wrap">
<h1> <h1>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 463.23 125.12"> <?xml version="1.0" encoding="utf-8"?>
<defs> <!-- Generator: Adobe Illustrator 27.6.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<style> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
.cls-1 { viewBox="0 0 463.2 125.1" style="enable-background:new 0 0 463.2 125.1;" xml:space="preserve">
fill: #fff; <style type="text/css">
font-family: fs-jenson-1-italic, 'fs jenson 1 italic'; .st0{enable-background:new ;}
font-size: 130px; .st1{fill:#FFFFFF;}
font-style: italic;
letter-spacing: .04em;
}
</style> </style>
</defs> <g class="st0">
<text class="cls-1" transform="translate(0 102.78)"><tspan x="0" y="0">Backplaces</tspan></text> <path class="st1" d="M0,102.8v-4.1h4.1v-2h2V74.3h2V52h-2v-2H2v-4.1h34.5v2h4.1v2h2v2h2v2h2v4.1h2v6.1h-2v4.1h-2v2h-2v2h-2v4.1h2v2
h2v2h2v4.1h2v6.1h-2v4.1h-2v2h-2v2h-2v2h-4.1v2H0z M30.5,98.7v-2h4.1v-2h2v-4.1h2v-6.1h-2v-4.1h-2v-2h-4.1v-2H16.2v20.3h2v2H30.5z
M30.5,72.3v-2h4.1v-2h2v-4.1h2v-6.1h-2V54h-2v-2h-4.1v-2H20.3v2h-2v20.3H30.5z"/>
<path class="st1" d="M68.2,102.8v-2h-4.1v-2h-2v-4.1h-2v-6.1h2v-2h2v-2h6.1v-2h6.1v-2h4.1v2h2v2h-6.1v2h-6.1v2h-2v6.1h2v2h10.2v-2
h2v-6.1h2V70.3h-2v-2H72.2v2h-2v4.1h-2v2h-4.1v-2h-2v-4.1h2v-2h2v-2h4.1v-2h16.2v2h4.1v4.1h2v14.2h-2v10.2h2v2h4.1v-2h4.1v4.1h-4.1
v2h-4.1v2h-6.1v-2h-2v-2h-4.1v2h-4.1v2H68.2z"/>
<path class="st1" d="M126.2,102.8v-2h-6.1v-2h-2v-2h-2v-4.1h-2v-6.1h-2v-6.1h2v-6.1h2v-4.1h2v-2h2v-2h6.1v-2h10.2v2h2v2h2v2h2v4.1
h-2v2h-4.1v-2h-2v-4.1h2v-2h-10.2v2h-2v2h-2v4.1h-2v10.2h2v4.1h2v2h2v2h8.1v-2h4.1v-2h2v-2h2v6.1h-2v2h-2v2h-2v2h-4.1v2H126.2z"/>
<path class="st1" d="M151.7,102.8v-4.1h4.1V74.3h2V45.9h-4.1v-4.1h6.1v-2h4.1v-2h2v38.6h-2v6.1h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2h2v-2
H174v-4.1h14.2v4.1h-4.1v2h-2v2h-2v2h-2v2h-2v2h-2v2h-2v4.1h2v2h2v2h2v2h2v2h2v2h2v2h2v2h4.1v4.1H172v-4.1h4.1v-2h-2v-2h-2v-2h-2
v-2h-2v-2h-2v-2h-2v12.2h4.1v4.1H151.7z"/>
<path class="st1" d="M205.6,127.2V94.7h2V70.3h-6.1v-4.1h10.2v-2h4.1v8.1h2v-2h2v-2h2v-2h4.1v-2h6.1v2h6.1v2h2v2h2v4.1h2v6.1h2v6.1
h-2v6.1h-2v4.1h-2v2h-2v2H232v2h-10.2v-2h-2v-4.1h2v2H232v-2h2v-2h2v-4.1h2V80.4h-2v-4.1h-2v-2h-2v-2h-8.1v2h-4.1v4.1h-2v2h-2v14.2
h-2V119h4.1v4.1h-6.1v2h-4.1v2H205.6z"/>
<path class="st1" d="M255.5,102.8v-4.1h4.1V74.3h2V45.9h-4.1v-4.1h6.1v-2h4.1v-2h2v38.6h-2v22.3h4.1v4.1H255.5z"/>
<path class="st1" d="M291.2,102.8v-2h-4.1v-2h-2v-4.1h-2v-6.1h2v-2h2v-2h6.1v-2h6.1v-2h4.1v2h2v2h-6.1v2h-6.1v2h-2v6.1h2v2h10.2v-2
h2v-6.1h2V70.3h-2v-2h-10.2v2h-2v4.1h-2v2h-4.1v-2h-2v-4.1h2v-2h2v-2h4.1v-2h16.2v2h4.1v4.1h2v14.2h-2v10.2h2v2h4.1v-2h4.1v4.1
h-4.1v2h-4.1v2h-6.1v-2h-2v-2h-4.1v2h-4.1v2H291.2z"/>
<path class="st1" d="M349.2,102.8v-2h-6.1v-2h-2v-2h-2v-4.1h-2v-6.1h-2v-6.1h2v-6.1h2v-4.1h2v-2h2v-2h6.1v-2h10.2v2h2v2h2v2h2v4.1
h-2v2h-4.1v-2h-2v-4.1h2v-2h-10.2v2h-2v2h-2v4.1h-2v10.2h2v4.1h2v2h2v2h8.1v-2h4.1v-2h2v-2h2v6.1h-2v2h-2v2h-2v2h-4.1v2H349.2z"/>
<path class="st1" d="M391,102.8v-2h-6.1v-2h-2v-2h-2v-4.1h-2v-6.1h-2v-6.1h2v-6.1h2v-4.1h2v-2h2v-2h6.1v-2h8.1v2h4.1v2h2v2h2v4.1
h-2v2h4.1v4.1h-4.1v2h-8.1v2H391v2h-4.1v4.1h2v2h2v2h8.1v-2h4.1v-2h2v-2h2v6.1h-2v2h-2v2h-2v2h-4.1v2H391z M391,82.5v-2h6.1v-2h2
v-2h2v-4.1h-2v-2h-2v-2H391v2h-2v2h-2v4.1h-2v6.1H391z"/>
<path class="st1" d="M432.7,102.8v-2h-6.1v-2h-4.1v-2h-2v-4.1h2v-2h2v-2h4.1v6.1h2v2h4.1v2h8.1v-2h2v-8.1h-2v-2h-6.1v-2h-12.2v-2
h-2v-2h-2V70.3h2v-2h2v-2h4.1v-2h14.2v2h4.1v2h2v4.1h-2v2h-2v2h-4.1v-6.1h-2v-2h-10.2v2h-2v6.1h2v2h6.1v2H449v2h2v2h2v8.1h-2v4.1
h-2v2h-2v2h-4.1v2H432.7z"/>
</g>
</svg> </svg>
</h1> </h1>
<div> <div>
<h2> <h2>
@ -40,8 +64,8 @@
</h2> </h2>
</div> </div>
<h3> <h3>
<a href="https://hub.xpub.nl/breadcube/backplaces/webweave.html"><img src="images/christmas.png" alt="" width="400" height="400"></a> <a href="webweave.html"><img src="images/christmas.png" alt="" width="400" height="400"></a>
<a href="https://hub.xpub.nl/breadcube/backplaces/luddite.html"><img src="images/hut.png" alt="" width="400" height="400"></a> <a href="luddite.html"><img src="images/hut.png" alt="" width="400" height="400"></a>
</h3> </h3>
</div> </div>

@ -13,7 +13,7 @@
<div> <div>
<h1> <h1>
<div id="imageContainer" class="image-container"> <div id="imageContainer" class="image-container">
<a href="https://hub.xpub.nl/breadcube/backplaces/index.html" target="_blank"> <a href="index.html" target="_blank">
<img id="hut" src="images/hut.png" alt="hut"> <img id="hut" src="images/hut.png" alt="hut">
</a> </a>
</div> </div>
@ -31,7 +31,7 @@
// Create a separate text box for each sentence AAAAA // Create a separate text box for each sentence AAAAA
messages.forEach(function (message, index) { messages.forEach(function (message, index) {
var textBox = document.createElement("div"); var textBox = document.createElement("div");
textBox.className = "text-box-" + index; textBox.className = "text text-" + index;
textBox.textContent = message; textBox.textContent = message;
textBoxContainer.appendChild(textBox); textBoxContainer.appendChild(textBox);
}); });

@ -7,7 +7,7 @@
<body> <body>
<p id="header">webweave by clicking on a comment</p> <p id="header">webweave by clicking on a comment</p>
<div id="image-container"></div> <div id="image-container"></div>
<a href="https://hub.xpub.nl/breadcube/backplaces/index.html" target="_blank"> <a href="index.html" target="_blank">
<img id="christmas-image" src="images/christmas.png" alt="Christmas Image"> <img id="christmas-image" src="images/christmas.png" alt="Christmas Image">
</a> </a>

Loading…
Cancel
Save