jeffemmett
/
Exploring-MycoFi-Book
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update embed

This commit is contained in:
Jeff Emmett 2025-05-25 17:21:31 +02:00
parent 9498ff87e9
commit d1d9a07fd7
1 changed files with 13 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
index.html
View File

@ -7,70 +7,25 @@
<style>
body {
margin: 0;
padding: 20px;
padding: 0;
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
.container {
max-width: 1200px;
margin: 0 auto;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
height: 100vh;
overflow: hidden;
}
.header {
padding: 20px;
background-color: #333;
color: white;
text-align: center;
}
.zine-container {
padding: 20px;
}
.zine-embed {
position: relative;
padding-top: max(60%, 324px);
width: 100%;
height: 0;
width: 100vw;
height: 100vh;
}
.zine-embed iframe {
position: absolute;
border: none;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
@media (max-width: 768px) {
body {
padding: 10px;
}
.header {
padding: 15px;
}
.zine-container {
padding: 15px;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>Exploring MycoFi</h1>
<p>Mycelial Design Patterns for Web3 & Beyond</p>
</div>
<div class="zine-container">
<div class="zine-embed">
<iframe
src="https://online.fliphtml5.com/phqos/acdx/"
@ -81,7 +36,5 @@
allowfullscreen="true">
</iframe>
</div>
</div>
</div>
</body>
</html>