!publish! za olega...
This commit is contained in:
parent
a043c9ae34
commit
e1ea071d81
3 changed files with 163 additions and 0 deletions
106
content/kiosk.html
Normal file
106
content/kiosk.html
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="./css/site.min.css" />
|
||||
<style>
|
||||
body,
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
.layout-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.top-button {
|
||||
font-family: "Gentium Plus", "Antinoou", serif;
|
||||
font-style: italic;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
background: white;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
height: 60px;
|
||||
gap: 10px;
|
||||
flex-shrink: 0;
|
||||
z-index: 1000;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-button:hover {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/* New styles for img SVG */
|
||||
.top-button img {
|
||||
height: 40px; /* Fixed height within the 60px button */
|
||||
width: 40px; /* Fixed width to maintain square aspect */
|
||||
object-fit: contain; /* Ensures SVG fits within bounds */
|
||||
vertical-align: middle; /* Aligns with text */
|
||||
}
|
||||
|
||||
.content-frame {
|
||||
width: 100%;
|
||||
height: calc(100vh - 60px);
|
||||
border: none;
|
||||
display: block;
|
||||
flex-grow: 1;
|
||||
position: relative;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="layout-container">
|
||||
<a
|
||||
href="inquiry/snadisedruze/index.html"
|
||||
class="top-button"
|
||||
target="content-area"
|
||||
>
|
||||
<img src="images/fio.svg" alt="icon" />
|
||||
Figure It Out - Zine
|
||||
<img src="images/click.svg" alt="icon" />
|
||||
</a>
|
||||
<iframe
|
||||
name="content-area"
|
||||
class="content-frame"
|
||||
id="contentFrame"
|
||||
src="inquiry/snadisedruze/index.html"
|
||||
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
|
||||
></iframe>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
window.onload = function () {
|
||||
document
|
||||
.querySelector(".content-frame")
|
||||
.addEventListener("load", function () {
|
||||
try {
|
||||
this.contentWindow.addEventListener("unload", function () {
|
||||
return false;
|
||||
});
|
||||
} catch (e) {
|
||||
console.log("Cross-origin frame detected");
|
||||
}
|
||||
});
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
31
static/images/click.svg
Normal file
31
static/images/click.svg
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 512 512" xml:space="preserve">
|
||||
<g transform="translate(1 1)">
|
||||
<g>
|
||||
<path d="M417.254,178.2c-9.387,0-18.773,3.413-25.6,8.533V178.2c0-23.893-18.773-42.667-42.667-42.667
|
||||
c-9.387,0-18.773,3.413-25.6,8.533c0-23.893-18.773-42.667-42.667-42.667c-9.387,0-18.773,3.413-25.6,8.533V41.667
|
||||
C255.121,17.773,236.347-1,212.454-1s-42.667,18.773-42.667,42.667v193.707c-18.773-32.427-62.293-48.64-95.573-36.693
|
||||
c-4.267,0.853-7.68,3.413-11.947,5.973c-12.8,8.533-11.947,19.627-11.947,23.04c-0.853,5.12,0,5.973,11.947,19.627
|
||||
c14.507,17.067,46.08,52.907,65.707,88.747c1.707,1.707,24.747,39.253,50.347,67.413v22.187c0,46.933,38.4,85.333,85.333,85.333
|
||||
h85.333c36.693,0,75.093-30.72,83.627-66.56c2.56-10.24,5.12-17.92,8.533-21.333c8.533-10.24,18.773-34.133,18.773-65.707V220.867
|
||||
C459.921,196.973,441.147,178.2,417.254,178.2z M349.841,493.933h-85.333c-37.547,0-68.267-30.72-68.267-68.267v-6.767
|
||||
c2.875,2.339,5.76,4.61,8.533,6.767c3.413,3.413,7.68,6.827,11.947,10.24c1.707,0.853,3.413,1.707,5.12,1.707
|
||||
c2.56,0,5.12-0.853,6.827-3.413c3.413-3.413,2.56-8.533-0.853-11.947c-4.267-3.413-8.533-6.827-12.8-10.24
|
||||
c-7.494-5.829-14.983-11.664-21.684-18.285c-25.475-26.456-49.996-66.195-49.996-66.195
|
||||
c-20.48-36.693-52.907-73.387-68.267-91.307c-2.56-3.413-5.973-7.68-7.68-9.387c0-2.56,0-4.267,5.973-7.68
|
||||
c3.413-1.707,5.973-3.413,8.533-4.267c22.187-7.68,58.88,2.56,75.093,30.72l13.191,19.786c0.109,0.523,0.26,1.041,0.462,1.547
|
||||
l8.533,17.067c1.707,3.413,10.24,5.12,11.093,3.413c3.413-1.707,5.12-6.827,3.413-11.093l-6.02-12.039
|
||||
c0.028-0.253,0.046-0.507,0.046-0.761V41.667c0-14.507,11.093-25.6,25.6-25.6s25.6,11.093,25.6,25.6V178.2c0,0,0,0.001,0,0.001
|
||||
V283.16c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533V178.2v-34.133c0-14.507,11.093-25.6,25.6-25.6
|
||||
s25.6,11.093,25.6,25.6V178.2v96.427c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533V178.2
|
||||
c0-14.507,11.093-25.6,25.6-25.6c14.507,0,25.6,11.093,25.6,25.6v42.667v62.293c0,5.12,3.413,8.533,8.533,8.533
|
||||
s8.533-3.413,8.533-8.533v-62.293c0-14.507,11.093-25.6,25.6-25.6c14.507,0,25.6,11.093,25.6,25.6V357.4
|
||||
c0,15.106-2.777,27.428-6.161,36.621c-1.015,0.932-1.826,2.12-2.372,3.485c-4.267,12.8-16.213,17.067-37.547,23.04
|
||||
c-4.267,0.853-6.827,5.973-5.973,10.24c1.707,3.413,5.12,5.973,8.533,5.973c0.853,0,1.707,0,1.707,0.853
|
||||
c5.648-1.521,11.128-3.098,16.289-4.954c-0.659,2.39-1.258,4.895-1.782,7.514C410.427,469.187,378.854,493.933,349.841,493.933z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
26
static/images/fio.svg
Normal file
26
static/images/fio.svg
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 24.0.0, 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 85.04 69.39" style="enable-background:new 0 0 85.04 69.39;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#111111;}
|
||||
</style>
|
||||
<path class="st0" d="M43.03,56.84c2.95,0,5.02,2.38,5.02,5.02s-2.07,5.02-5.02,5.02c-2.95,0-5.02-2.38-5.02-5.02
|
||||
S40.08,56.84,43.03,56.84 M55.25,36.15c2.95,0,5.02,2.38,5.02,5.02c0,2.63-2.07,5.02-5.02,5.02c-2.95,0-5.02-2.38-5.02-5.02
|
||||
C50.24,38.53,52.31,36.15,55.25,36.15 M43.03,54.34c-0.38,0-0.75,0-1.13,0.06l-4.51-10.47h10.85c1.07,2.76,3.64,4.77,7.02,4.77
|
||||
c4.39,0,7.52-3.57,7.52-7.52c0-3.95-3.14-7.52-7.52-7.52c-3.64,0-6.33,2.38-7.21,5.33H35.25L23.21,11.19
|
||||
c-0.25-0.63-0.88-1.38-2.45-1.38c-1.88,0-3.14,0.82-2.26,2.88l11.41,26.27H2.08c-2.19,0.06-2.45,1.5-1.69,3.26
|
||||
c0.56,1.44,1.5,1.69,2.19,1.69h29.54l5.52,12.67c-1.38,1.38-2.13,3.26-2.13,5.27c0,3.95,3.07,7.52,7.52,7.52
|
||||
c4.39,0,7.52-3.57,7.52-7.52S47.41,54.34,43.03,54.34"/>
|
||||
<path class="st0" d="M78.46,13.8c-1.16,0-1.88,0.88-1.88,1.88c0,1,0.72,1.88,1.88,1.88c1.16,0,1.88-0.88,1.88-1.88
|
||||
C80.34,14.67,79.62,13.8,78.46,13.8 M82.53,15.68c0,3.2-1.19,5.64-4.08,5.64c-2.88,0-4.08-2.45-4.08-5.64c0-3.2,1.19-5.64,4.08-5.64
|
||||
C81.34,10.03,82.53,12.48,82.53,15.68 M71.87,15.68c0,4.26,2.1,7.71,5.86,8.09c-0.22,0.34-0.38,0.69-0.38,1
|
||||
c0,1.29,2.35,1.38,2.35,2.19c0,0.47-0.44,0.63-0.88,0.63h-1.94c-0.38,0-0.94,0.09-0.94,1.1s0.56,1.1,0.94,1.1h1.94
|
||||
c2.04,0,3.07-1.1,3.07-2.51c0-1.85-2.98-2.01-2.98-2.82c0-0.25,0.19-0.5,0.38-0.69c3.67-0.47,5.74-3.89,5.74-8.09
|
||||
c0-4.51-2.38-8.15-6.58-8.15S71.87,11.16,71.87,15.68 M62.78,1.25c-1.16,0-1.88,0.88-1.88,1.88c0,1,0.72,1.88,1.88,1.88
|
||||
s1.88-0.88,1.88-1.88C64.66,2.13,63.94,1.25,62.78,1.25 M68.11,23.52c0.38,0,0.94-0.25,0.94-1.25s-0.56-1.25-0.94-1.25h-3.45V8.78
|
||||
c0-0.38-0.25-0.94-1.25-0.94c-0.6,0-0.91,0.19-1.1,0.44l-5.99,5.99c-0.25,0.28-0.47,0.85,0.22,1.57c0.72,0.69,1.29,0.5,1.57,0.22
|
||||
c1.16-1.16,2.7-3.01,4.04-5.05v10h-5.02c-0.38,0-0.94,0.25-0.94,1.25s0.56,1.25,0.94,1.25H68.11z M51.18,12.54
|
||||
c0.38,0,0.94-0.25,0.94-1.25s-0.56-1.25-0.94-1.25h-7.52V2.51h9.09c0.38,0,0.94-0.25,0.94-1.25S53.12,0,52.74,0H42.4
|
||||
c-1,0-1.25,0.56-1.25,0.94v21.63c0,0.38,0.25,0.94,1.25,0.94c1,0,1.25-0.56,1.25-0.94V12.54H51.18z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
Loading…
Add table
Reference in a new issue