Add Screenshot, update Readme, add @media css

This commit is contained in:
Octo Andri
2022-04-13 21:31:49 +00:00
parent 9673e48c52
commit 522500d86f
6 changed files with 23 additions and 5 deletions

View File

@@ -10,7 +10,7 @@ uwu links..
### My personal links!
- [Home](https://octospacc.gitlab.io) - Home page of this site!
- [Home](../) - Home page of this site!
- [Mastodon](https://mastodon.uno/@octo) - Microblog, 98% italian
- [Pixelfed](https://pixelfed.uno/@octo) - Where I post my pictures

View File

@@ -35,7 +35,7 @@ BaseHTML = """
<meta name="description" content="Personal Static HTML Pinboard">
<meta property="og:description" content="Personal Static HTML Pinboard">
<meta property="og:url" content="https://octospacc.gitlab.io/WebPinBoard">
<!-- <meta property="og:image" content="Screenshot.jpg"> -->
<meta property="og:image" content="Screenshot.png">
</head>
<body>
<div id="Background"> <!-- https://pixelfed.uno/i/web/post/419157143827461664 (CC BY-SA 4.0) -->

BIN
Source/Screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

View File

@@ -30,7 +30,18 @@ Body {
.window {
Float: Left;
Margin: 8px;
Max-Width: 400px;
}
@Media (Min-Width: 796px) {
.window {
Max-Width: 360px;
}
}
@Media (Min-Width: 956px) {
.window {
Max-Width: 410px;
}
}
.InfoWindow {
@@ -91,4 +102,4 @@ Body {
Min-Width: 100%;
Min-Height: 100%;
Z-Index: -8;
}
}