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

73
index.html
View File

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