₊⁺✿˚
This commit is contained in:
parent
c1d9193295
commit
888569f150
|
@ -3,7 +3,12 @@ About Page [13]: Sunlit Memories
|
|||
Made by glenthemes
|
||||
|
||||
Initial release: 2019/11/30
|
||||
Last updated: 2021/10/21
|
||||
Last updated: 2023/10/10
|
||||
|
||||
What's new:
|
||||
✱ fixed status tab not showing
|
||||
✱ music player bug fix
|
||||
✱ fixed some loading issues
|
||||
|
||||
TERMS OF USE:
|
||||
1) Do not remove the page credit.
|
||||
|
@ -71,8 +76,8 @@ Background pattern:
|
|||
gyapo.tumblr.com/post/17773292758/
|
||||
------------------------------------------------------------------------>
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
|
||||
|
@ -98,37 +103,36 @@ attribute:"title"
|
|||
|
||||
<script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
|
||||
|
||||
<link href="//gt-sunlit-memories.glitch.me/navlinks.css" rel="stylesheet">
|
||||
<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
|
||||
|
||||
<link href="//gt-sunlit-memories.glitch.me/boxes.css" rel="stylesheet">
|
||||
<link href="//glen-themes.gitlab.io/abt-pages/15/navlinks.css" rel="stylesheet">
|
||||
|
||||
<script src="//gt-sunlit-memories.glitch.me/statustab.js"></script>
|
||||
<link href="//gt-sunlit-memories.glitch.me/statustab.css" rel="stylesheet">
|
||||
<script src="//glen-themes.gitlab.io/abt-pages/15/navSVGs.js"></script>
|
||||
|
||||
<link href="//glen-themes.gitlab.io/abt-pages/15/boxes.css" rel="stylesheet">
|
||||
|
||||
<script src="//glen-themes.gitlab.io/abt-pages/15/status-tab.js"></script>
|
||||
<link href="//glen-themes.gitlab.io/abt-pages/15/status-tab.css" rel="stylesheet">
|
||||
|
||||
<link href="//glen-themes.gitlab.io/abt-pages/15/energybar.css" rel="stylesheet">
|
||||
|
||||
<link href="//gt-sunlit-memories.glitch.me/energybar.css" rel="stylesheet">
|
||||
|
||||
<script src="//glenthemes.github.io/-music-/glenplayer06.js"></script>
|
||||
<script src="//static.tumblr.com/gtjt4bo/jxSs2cboc/glenplayer0.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$("img").each(function(){
|
||||
if ($(this).attr("src") == "//cdn.discordapp.com/attachments/900692000364445736/900751576468176947/Moonlight-pendent13_TinyPlants.png"){
|
||||
if ($(this).attr("src") == "https://glen-themes.gitlab.io/abt-pages/15/imgs/Moonlight-pendent13_TinyPlants.png"){
|
||||
$(this).wrap("<a title='art by Moonlight-pendent13 - DeviantArt'></a>");
|
||||
}
|
||||
|
||||
if ($(this).attr("src") == "//cdn.discordapp.com/attachments/900692000364445736/900751789396230224/GentleLark_FallLeafDivider.png"){
|
||||
|
||||
if ($(this).attr("src") == "https://glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_FallLeafDivider.png"){
|
||||
$(this).wrap("<a title='art by GentleLark - DeviantArt'></a>");
|
||||
}
|
||||
|
||||
if ($(this).attr("src") == "//cdn.discordapp.com/attachments/900692000364445736/900751947345326120/King-Lulu-Deer_PumpkinSpiceAndEverythingNice.gif"){
|
||||
|
||||
if ($(this).attr("src") == "https://glen-themes.gitlab.io/abt-pages/15/imgs/King-Lulu-Deer_PumpkinSpiceAndEverythingNice.gif"){
|
||||
$(this).wrap("<a title='art by King-Lulu-Deer - DeviantArt'></a>");
|
||||
}
|
||||
});
|
||||
|
||||
$(".navicon-home").load("//gt-sunlit-memories.glitch.me/home-svg.htm");
|
||||
$(".navicon-ask").load("//gt-sunlit-memories.glitch.me/happy.html");
|
||||
$(".navicon-archive").load("//gt-sunlit-memories.glitch.me/calendar-svg.htm");
|
||||
$(".navicon-theme").load("//gt-sunlit-memories.glitch.me/glenjamin-e.html");
|
||||
});//end ready
|
||||
|
||||
$(window).load(function(){
|
||||
|
@ -211,15 +215,22 @@ body {
|
|||
}
|
||||
|
||||
body {
|
||||
cursor: url("//cdn.discordapp.com/attachments/900692000364445736/900754679267475486/Stardew-Valley-Cursor.png"), auto;
|
||||
cursor: url("https://glen-themes.gitlab.io/abt-pages/15/imgs/Stardew-Valley-Cursor.png"), auto;
|
||||
}
|
||||
|
||||
a, a [music-btn]{
|
||||
cursor: url("https://glen-themes.gitlab.io/abt-pages/15/imgs/Stardew-Valley-Hand.png"), auto!important;
|
||||
}
|
||||
|
||||
a[title]:not([href]){
|
||||
cursor: url("https://glen-themes.gitlab.io/abt-pages/15/imgs/Stardew-Valley-Cursor-Help.png"), auto;
|
||||
}
|
||||
|
||||
a, .music-controls {
|
||||
cursor: url("//cdn.discordapp.com/attachments/900692000364445736/900754739732574329/Stardew-Valley-Hand.png"), auto;
|
||||
}
|
||||
|
||||
a[title]:not([href]) {
|
||||
cursor: url("//cdn.discordapp.com/attachments/900692000364445736/900754782904524840/Stardew-Valley-Cursor-Help.png"), auto;
|
||||
a[title] > img,
|
||||
a[title] > .nutbar:first-child,
|
||||
a[title] > .nutbar:first-child ~ *,
|
||||
a[title] > [music-btn] > * {
|
||||
pointer-events:none;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
|
@ -310,6 +321,7 @@ img, span {vertical-align:middle;}
|
|||
/* ----- SIDEBAR BOXES ----- */
|
||||
--Sidebar-Width:120px;
|
||||
--Music-Controls-Size:12px;
|
||||
--Music-Controls-Gap-Right:7px;
|
||||
--Music-Title-Font-Size:15px;
|
||||
--Sidebar-Image-Width:85px;
|
||||
--Desc-Box-Font-Size:17px;
|
||||
|
@ -322,25 +334,25 @@ img, span {vertical-align:middle;}
|
|||
|
||||
/* ----- STATUS TAB ----- */
|
||||
--StatusTab-Bottom-Position:25px;
|
||||
--StatusTab-Left-Position:25px;
|
||||
|
||||
--StatusTab-Borders-Size:3px; /* looks best with 3px-5px */
|
||||
--StatusTab-Border-Dark:#5b2c26;
|
||||
--StatusTab-Border-Medium:#b24d05;
|
||||
--StatusTab-Border-Light:#db7c0e;
|
||||
--StatusTab-Border-Shadow:#d7864f;
|
||||
|
||||
--StatusTab-Icon-Background:#ffd285;
|
||||
--StatusTab-Icon-Border:#fff0ba;
|
||||
--StatusTab-Image-Padding:5px;
|
||||
--StatusTab-Image-Size:39px;
|
||||
--StatusTab-Image-URL: //stardewvalleywiki.com/mediawiki/images/9/9d/Cranberry_Candy.png;
|
||||
|
||||
--StatusTab-Text-Background:#ffd285;
|
||||
--StatusTab-Font-Size:16px;
|
||||
--StatusTab-Text-Color:#000;
|
||||
--StatusTab-Text-Shadow:#d7864f;
|
||||
--StatusTab-Text:Cranberry Candy;
|
||||
--StatusTab-Left-Position:25px;
|
||||
|
||||
--StatusTab-Borders-Size:3px; /* looks best with 3px-5px */
|
||||
--StatusTab-Border-Dark:#5b2c26;
|
||||
--StatusTab-Border-Medium:#b24d05;
|
||||
--StatusTab-Border-Light:#db7c0e;
|
||||
--StatusTab-Border-Shadow:#d7864f;
|
||||
|
||||
--StatusTab-Icon-Background:#ffd285;
|
||||
--StatusTab-Icon-Border:#fff0ba;
|
||||
--StatusTab-Image-Padding:5px;
|
||||
--StatusTab-Image-Size:39px;
|
||||
--StatusTab-Image-URL: //stardewvalleywiki.com/mediawiki/images/9/9d/Cranberry_Candy.png;
|
||||
|
||||
--StatusTab-Text-Background:#ffd285;
|
||||
--StatusTab-Font-Size:16px;
|
||||
--StatusTab-Text-Color:#000;
|
||||
--StatusTab-Text-Shadow:#d7864f;
|
||||
--StatusTab-Text:Cranberry Candy;
|
||||
|
||||
/* ----- ENERGY BAR ----- */
|
||||
--EnergyBar-Bottom-Position:25px;
|
||||
|
@ -539,7 +551,7 @@ img, span {vertical-align:middle;}
|
|||
}
|
||||
|
||||
.box-text li {
|
||||
list-style-image:url("//cdn.discordapp.com/attachments/900692000364445736/900754854870388756/GentleLark_Feather.png");
|
||||
list-style-image:url("https://glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_Feather.png");
|
||||
}
|
||||
|
||||
.box-text li > span {
|
||||
|
@ -581,32 +593,18 @@ img, span {vertical-align:middle;}
|
|||
margin-top:3px;
|
||||
}
|
||||
|
||||
/*---------- SIDEBAR BOXES ---------- */
|
||||
/*---------- MUSIC BOX ---------- */
|
||||
.musicrack {
|
||||
display:flex;
|
||||
align-items:center;
|
||||
/*---------- SIDEBAR BOXES ----------*/
|
||||
/*---------- MUSIC BOX ----------*/
|
||||
[music-player] svg {
|
||||
display:block;
|
||||
width:var(--Music-Controls-Size);
|
||||
height:var(--Music-Controls-Size);
|
||||
color:var(--TextBox-Text-Color);
|
||||
flex-shrink:0;
|
||||
border-right:3px solid transparent;
|
||||
}
|
||||
|
||||
.music-controls {
|
||||
width:var(--Music-Controls-Size);
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.music-controls svg {
|
||||
width:var(--Music-Controls-Size);
|
||||
height:var(--Music-Controls-Size);
|
||||
color:var(--TextBox-Text-Color);
|
||||
stroke-width:1.5px;
|
||||
}
|
||||
|
||||
.pausee {display:none;}
|
||||
|
||||
.beff {display:none;}
|
||||
.aff {display:block;}
|
||||
|
||||
.music-title {
|
||||
margin-left:6px;
|
||||
font-size:var(--Music-Title-Font-Size);
|
||||
color:var(--TextBox-Text-Color);
|
||||
}
|
||||
|
@ -916,7 +914,7 @@ img, span {vertical-align:middle;}
|
|||
|
||||
<!-- small left image -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
<img class="intro-img" src="//cdn.discordapp.com/attachments/900692000364445736/900751576468176947/Moonlight-pendent13_TinyPlants.png">
|
||||
<img class="intro-img" src="https://glen-themes.gitlab.io/abt-pages/15/imgs/Moonlight-pendent13_TinyPlants.png">
|
||||
|
||||
<!-- title box title -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
|
@ -987,7 +985,7 @@ img, span {vertical-align:middle;}
|
|||
<li><span>female protagonists; 100% fish in RPGs</span>
|
||||
|
||||
<div class="divider">
|
||||
<img src="//cdn.discordapp.com/attachments/900692000364445736/900751789396230224/GentleLark_FallLeafDivider.png">
|
||||
<img src="https://glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_FallLeafDivider.png">
|
||||
</div><!--end divider-->
|
||||
|
||||
<center>
|
||||
|
@ -1121,7 +1119,7 @@ img, span {vertical-align:middle;}
|
|||
|
||||
<!-- sidebar image url -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
<img class="sidebar-image" src="//cdn.discordapp.com/attachments/900692000364445736/900751947345326120/King-Lulu-Deer_PumpkinSpiceAndEverythingNice.gif">
|
||||
<img class="sidebar-image" src="https://glen-themes.gitlab.io/abt-pages/15/imgs/King-Lulu-Deer_PumpkinSpiceAndEverythingNice.gif">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1187,26 +1185,33 @@ img, span {vertical-align:middle;}
|
|||
|
||||
<!-- music tooltip text (pref. long music name) -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
<a title="ConcernedApe — Fall (The Smell of Mushroom)">
|
||||
|
||||
<div class="music-controls">
|
||||
<div class="playy"><i data-feather="play"></i></div>
|
||||
<div class="pausee"><i data-feather="pause"></i></div> </div>
|
||||
</a>
|
||||
|
||||
|
||||
<!-- music title (pref. short) -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
<div class="music-title">♫ Autumn</div>
|
||||
|
||||
|
||||
<div music-player btn-color="var(--TextBox-Text-Color)" btn-size="var(--Music-Controls-Size)" gap="var(--Music-Controls-Gap-Right)" btn-style="outlined">
|
||||
|
||||
<!-- music tooltip text (pref. long music name) -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
<a title="ConcernedApe — Fall (The Smell of Mushroom)">
|
||||
<div music-btn>
|
||||
<div btn-play></div>
|
||||
<div btn-pause hidden></div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<!-- music url -->
|
||||
<!-- ✓ autoplay support -->
|
||||
<!-- to generate a working url, read this: -->
|
||||
<!-- INSTRUCTIONS HERE: -->
|
||||
<!-- linktr.ee/direct_file_links -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
<audio id="audio" src="//cdn.discordapp.com/attachments/900670626774265886/900754931873628211/Fall_The_Smell_of_Mushroom.mp3" type="audio"></audio>
|
||||
<audio src="https://rhizo.gitlab.io/m/Fall__The_Smell_of_Mushroom_.mp3" volume="100%"></audio>
|
||||
|
||||
<i data-feather="music"></i>
|
||||
|
||||
<!-- music title (pref. short) -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
<div class="music-title">
|
||||
Autumn
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div><!--box-text-->
|
||||
</div><!--hholder-->
|
||||
|
@ -1426,7 +1431,7 @@ img, span {vertical-align:middle;}
|
|||
<div class="tofu-img">
|
||||
<!-- custom link image url -->
|
||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||
<img class="customlink-image" src="//cdn.discordapp.com/attachments/900692000364445736/900755088803500082/Maple_Syrup.png">
|
||||
<img class="customlink-image" src="https://glen-themes.gitlab.io/abt-pages/15/imgs/Maple_Syrup.png">
|
||||
|
||||
</div>
|
||||
</a></div>
|
||||
|
|
Loading…
Reference in New Issue