justify-content: center;
}
body {
+ width: min(95vw, 700px);
+ display: grid;
+ grid-template-rows: auto 40px;
+ }
+ .top-container {
background-color: #f1d18a;
border-style: double;
padding: 5px;
- width: min(95vw, 700px);
}
h3 {
margin-bottom: 0px;
li img {
height: 1em;
}
+ .bottom-container2 p {
+ margin-left: 39%;
+ }
+ iframe {
+ position: fixed;
+ }
</style>
</head>
<body>
- <!-- 💪 (1F4AA) 😎 (1F60E) -->
- <h2>Jakub Czajka's website 💪😎</h2>
- <h3>About</h3>
- <hr/>
- <ul>
- <li>
- <!-- 📄 (1F4C4) -->
- 📄 <a href="https://ekhem.eu.org/cv">CV</a>
- </li>
- </ul>
- <h3>Contact</h3>
- <hr/>
- <ul>
- <li>
- <!-- 📫 (1F4EC) -->
- 📬 <a href="mailto:jakub@ekhem.eu.org">jakub@ekhem.eu.org</a>
- </li>
- <li>
- <!-- 🔑 (1F511) -->
- 🔑
- <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/CB552A2D05AE8FE44503E5C71F81DE6C733FE873">
- GPG key</a>
- </li>
- </ul>
- <h3>Links</h3>
- <hr/>
- <ul>
- <li>
- <img src="media/git.png" alt="git">
- <a href="https://git.ekhem.eu.org">Projects</a>
- </li>
- </ul>
- <h3>Articles</h3>
- <hr/>
- <!-- 🤔 (1F914) -->
- <p>There's nothing here 🤔</p>
- <br/>
+ <div class="top-container">
+ <!-- 💪 (1F4AA) 😎 (1F60E) -->
+ <h2>Jakub Czajka's website 💪😎</h2>
+ <h3>About</h3>
+ <hr/>
+ <ul>
+ <li>
+ <!-- 📄 (1F4C4) -->
+ 📄 <a href="https://ekhem.eu.org/cv">CV</a>
+ </li>
+ </ul>
+ <h3>Contact</h3>
+ <hr/>
+ <ul>
+ <li>
+ <!-- 📫 (1F4EC) -->
+ 📬 <a href="mailto:jakub@ekhem.eu.org">jakub@ekhem.eu.org</a>
+ </li>
+ <li>
+ <!-- 🔑 (1F511) -->
+ 🔑
+ <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/CB552A2D05AE8FE44503E5C71F81DE6C733FE873">
+ GPG key</a>
+ </li>
+ </ul>
+ <h3>Links</h3>
+ <hr/>
+ <ul>
+ <li>
+ <img src="media/git.png" alt="git">
+ <a href="https://git.ekhem.eu.org">Projects</a>
+ </li>
+ </ul>
+ <h3>Articles</h3>
+ <hr/>
+ <!-- 🤔 (1F914) -->
+ <p>There's nothing here 🤔</p>
+ <br/>
+ </div>
+ <div class="bottom-container2">
+ <hr />
+ <p>Views: <iframe src="/views/"
+ frameborder=0
+ marginheight=0
+ marginwidth=0 /></p>
+ </div>
</body>
</html>