Browse Source

feat: New background image

master
Dale 4 months ago
parent
commit
32fdf0eca4
5 changed files with 16 additions and 10 deletions
  1. +11
    -5
      index.html
  2. +5
    -5
      style.css
  3. BIN
      yuuka_bg_2.png
  4. BIN
      yuuka_bg_opt.png
  5. +0
    -0
      yuuka_mobile_opt.png

+ 11
- 5
index.html View File

@@ -10,7 +10,7 @@
<meta charset="utf-8"/>
<meta property="og:title" content="Deiru's Home Page" />
<meta property="og:description" content="A more elegant home page for a more civilized time" />
<meta property="og:image" content="https://deiru.tokyo/yuuka_opt.jpg">
<meta property="og:image" content="https://deiru.tokyo/yuuka_bg_opt.png">
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
</head>
<body class="backgroundYuuka">
@@ -41,14 +41,20 @@
</a><br />
<span class="bg-desktop">
Background Image:&nbsp;
<a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65376834" target="_blank">
<a href="https://mastodon.art/@basicbishoujo/104076645456557026" target="_blank">
<i class="fa fa-image"></i>&nbsp;Yuuka
</a> by
<a href="https://mastodon.art/@basicbishoujo" target="_blank">
&nbsp;<i class="fa fa-user"></i>&nbsp;Basic Bishoujo
</a>
<!-- a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65376834" target="_blank">
<i class="fa fa-image"></i>&nbsp;BANG!
</a> by
<a href="https://www.pixiv.net/member.php?id=5737831" target="_blank">
&nbsp;<i class="fa fa-user"></i>&nbsp;kikimifukuri
</a>
</a -->
</span>
<span class="bg-mobile">
<!-- span class="bg-mobile">
Background Image:&nbsp;
<a href="https://www.pixiv.net/member_illust.php?mode=medium&illust_id=62357490" target="_blank">
<i class="fa fa-image"></i>&nbsp;風見幽香
@@ -56,7 +62,7 @@
<a href="https://www.pixiv.net/member.php?id=798528" target="_blank">
&nbsp;<i class="fa fa-user"></i>&nbsp;ユキイチゴ
</a>
</span>
</span -->
</div>
</body>
</html>

+ 5
- 5
style.css View File

@@ -14,7 +14,7 @@ a {
}

.backgroundYuuka {
background-image: url('yuuka_opt.jpg');
background-image: url('yuuka_bg_opt.png');
background-position-x: center;
background-position-y: bottom;
background-repeat: no-repeat;
@@ -55,21 +55,21 @@ a {
height: initial;
min-height: 100%;
}
.bg-desktop {
/* .bg-desktop {
display: none;
}
.bg-mobile {
display: initial;
}
} */
body {
font-size: 1.4rem;
height: initial;
}
.backgroundYuuka {
/* .backgroundYuuka {
background-image: url('yuuka_mobile_opt.png');
background-size: cover;
background-attachment: fixed;
}
} */

#panel {
align-self: center;


BIN
yuuka_bg_2.png View File

Before After
Width: 3227  |  Height: 5185  |  Size: 5.1MB

BIN
yuuka_bg_opt.png View File

Before After
Width: 3227  |  Height: 5185  |  Size: 1.8MB

+ 0
- 0
yuuka_mobile_opt.png View File

Before After
Width: 600  |  Height: 843  |  Size: 201KB Width: 600  |  Height: 843  |  Size: 201KB

Loading…
Cancel
Save