₊⁺✿˚
This commit is contained in:
parent
c1d9193295
commit
888569f150
|
@ -3,7 +3,12 @@ About Page [13]: Sunlit Memories
|
||||||
Made by glenthemes
|
Made by glenthemes
|
||||||
|
|
||||||
Initial release: 2019/11/30
|
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:
|
TERMS OF USE:
|
||||||
1) Do not remove the page credit.
|
1) Do not remove the page credit.
|
||||||
|
@ -71,8 +76,8 @@ Background pattern:
|
||||||
gyapo.tumblr.com/post/17773292758/
|
gyapo.tumblr.com/post/17773292758/
|
||||||
------------------------------------------------------------------------>
|
------------------------------------------------------------------------>
|
||||||
|
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
<!DOCTYPE html>
|
||||||
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
|
@ -98,37 +103,36 @@ attribute:"title"
|
||||||
|
|
||||||
<script src="//static.tumblr.com/2pnwama/DLppehqvd/feathericons.js"></script>
|
<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>
|
<script src="//glen-themes.gitlab.io/abt-pages/15/navSVGs.js"></script>
|
||||||
<link href="//gt-sunlit-memories.glitch.me/statustab.css" rel="stylesheet">
|
|
||||||
|
<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="//static.tumblr.com/gtjt4bo/jxSs2cboc/glenplayer0.js"></script>
|
||||||
|
|
||||||
<script src="//glenthemes.github.io/-music-/glenplayer06.js"></script>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
$("img").each(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>");
|
$(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>");
|
$(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>");
|
$(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
|
});//end ready
|
||||||
|
|
||||||
$(window).load(function(){
|
$(window).load(function(){
|
||||||
|
@ -211,15 +215,22 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
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 {
|
a[title] > img,
|
||||||
cursor: url("//cdn.discordapp.com/attachments/900692000364445736/900754739732574329/Stardew-Valley-Hand.png"), auto;
|
a[title] > .nutbar:first-child,
|
||||||
}
|
a[title] > .nutbar:first-child ~ *,
|
||||||
|
a[title] > [music-btn] > * {
|
||||||
a[title]:not([href]) {
|
pointer-events:none;
|
||||||
cursor: url("//cdn.discordapp.com/attachments/900692000364445736/900754782904524840/Stardew-Valley-Cursor-Help.png"), auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
|
@ -310,6 +321,7 @@ img, span {vertical-align:middle;}
|
||||||
/* ----- SIDEBAR BOXES ----- */
|
/* ----- SIDEBAR BOXES ----- */
|
||||||
--Sidebar-Width:120px;
|
--Sidebar-Width:120px;
|
||||||
--Music-Controls-Size:12px;
|
--Music-Controls-Size:12px;
|
||||||
|
--Music-Controls-Gap-Right:7px;
|
||||||
--Music-Title-Font-Size:15px;
|
--Music-Title-Font-Size:15px;
|
||||||
--Sidebar-Image-Width:85px;
|
--Sidebar-Image-Width:85px;
|
||||||
--Desc-Box-Font-Size:17px;
|
--Desc-Box-Font-Size:17px;
|
||||||
|
@ -322,25 +334,25 @@ img, span {vertical-align:middle;}
|
||||||
|
|
||||||
/* ----- STATUS TAB ----- */
|
/* ----- STATUS TAB ----- */
|
||||||
--StatusTab-Bottom-Position:25px;
|
--StatusTab-Bottom-Position:25px;
|
||||||
--StatusTab-Left-Position:25px;
|
--StatusTab-Left-Position:25px;
|
||||||
|
|
||||||
--StatusTab-Borders-Size:3px; /* looks best with 3px-5px */
|
--StatusTab-Borders-Size:3px; /* looks best with 3px-5px */
|
||||||
--StatusTab-Border-Dark:#5b2c26;
|
--StatusTab-Border-Dark:#5b2c26;
|
||||||
--StatusTab-Border-Medium:#b24d05;
|
--StatusTab-Border-Medium:#b24d05;
|
||||||
--StatusTab-Border-Light:#db7c0e;
|
--StatusTab-Border-Light:#db7c0e;
|
||||||
--StatusTab-Border-Shadow:#d7864f;
|
--StatusTab-Border-Shadow:#d7864f;
|
||||||
|
|
||||||
--StatusTab-Icon-Background:#ffd285;
|
--StatusTab-Icon-Background:#ffd285;
|
||||||
--StatusTab-Icon-Border:#fff0ba;
|
--StatusTab-Icon-Border:#fff0ba;
|
||||||
--StatusTab-Image-Padding:5px;
|
--StatusTab-Image-Padding:5px;
|
||||||
--StatusTab-Image-Size:39px;
|
--StatusTab-Image-Size:39px;
|
||||||
--StatusTab-Image-URL: //stardewvalleywiki.com/mediawiki/images/9/9d/Cranberry_Candy.png;
|
--StatusTab-Image-URL: //stardewvalleywiki.com/mediawiki/images/9/9d/Cranberry_Candy.png;
|
||||||
|
|
||||||
--StatusTab-Text-Background:#ffd285;
|
--StatusTab-Text-Background:#ffd285;
|
||||||
--StatusTab-Font-Size:16px;
|
--StatusTab-Font-Size:16px;
|
||||||
--StatusTab-Text-Color:#000;
|
--StatusTab-Text-Color:#000;
|
||||||
--StatusTab-Text-Shadow:#d7864f;
|
--StatusTab-Text-Shadow:#d7864f;
|
||||||
--StatusTab-Text:Cranberry Candy;
|
--StatusTab-Text:Cranberry Candy;
|
||||||
|
|
||||||
/* ----- ENERGY BAR ----- */
|
/* ----- ENERGY BAR ----- */
|
||||||
--EnergyBar-Bottom-Position:25px;
|
--EnergyBar-Bottom-Position:25px;
|
||||||
|
@ -539,7 +551,7 @@ img, span {vertical-align:middle;}
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-text li {
|
.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 {
|
.box-text li > span {
|
||||||
|
@ -581,32 +593,18 @@ img, span {vertical-align:middle;}
|
||||||
margin-top:3px;
|
margin-top:3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*---------- SIDEBAR BOXES ---------- */
|
/*---------- SIDEBAR BOXES ----------*/
|
||||||
/*---------- MUSIC BOX ---------- */
|
/*---------- MUSIC BOX ----------*/
|
||||||
.musicrack {
|
[music-player] svg {
|
||||||
display:flex;
|
display:block;
|
||||||
align-items:center;
|
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 {
|
.music-title {
|
||||||
margin-left:6px;
|
|
||||||
font-size:var(--Music-Title-Font-Size);
|
font-size:var(--Music-Title-Font-Size);
|
||||||
color:var(--TextBox-Text-Color);
|
color:var(--TextBox-Text-Color);
|
||||||
}
|
}
|
||||||
|
@ -916,7 +914,7 @@ img, span {vertical-align:middle;}
|
||||||
|
|
||||||
<!-- small left image -->
|
<!-- 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 -->
|
<!-- title box title -->
|
||||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||||
|
@ -987,7 +985,7 @@ img, span {vertical-align:middle;}
|
||||||
<li><span>female protagonists; 100% fish in RPGs</span>
|
<li><span>female protagonists; 100% fish in RPGs</span>
|
||||||
|
|
||||||
<div class="divider">
|
<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-->
|
</div><!--end divider-->
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
|
@ -1121,7 +1119,7 @@ img, span {vertical-align:middle;}
|
||||||
|
|
||||||
<!-- sidebar image url -->
|
<!-- 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>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1187,26 +1185,33 @@ img, span {vertical-align:middle;}
|
||||||
|
|
||||||
<!-- music tooltip text (pref. long music name) -->
|
<!-- music tooltip text (pref. long music name) -->
|
||||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||||
<a title="ConcernedApe — Fall (The Smell of Mushroom)">
|
|
||||||
|
|
||||||
<div class="music-controls">
|
<div music-player btn-color="var(--TextBox-Text-Color)" btn-size="var(--Music-Controls-Size)" gap="var(--Music-Controls-Gap-Right)" btn-style="outlined">
|
||||||
<div class="playy"><i data-feather="play"></i></div>
|
|
||||||
<div class="pausee"><i data-feather="pause"></i></div> </div>
|
<!-- music tooltip text (pref. long music name) -->
|
||||||
</a>
|
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
||||||
|
<a title="ConcernedApe — Fall (The Smell of Mushroom)">
|
||||||
|
<div music-btn>
|
||||||
<!-- music title (pref. short) -->
|
<div btn-play></div>
|
||||||
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
|
<div btn-pause hidden></div>
|
||||||
<div class="music-title">♫ Autumn</div>
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
<!-- music url -->
|
<!-- music url -->
|
||||||
<!-- ✓ autoplay support -->
|
<!-- INSTRUCTIONS HERE: -->
|
||||||
<!-- to generate a working url, read this: -->
|
|
||||||
<!-- linktr.ee/direct_file_links -->
|
<!-- 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><!--box-text-->
|
||||||
</div><!--hholder-->
|
</div><!--hholder-->
|
||||||
|
@ -1426,7 +1431,7 @@ img, span {vertical-align:middle;}
|
||||||
<div class="tofu-img">
|
<div class="tofu-img">
|
||||||
<!-- custom link image url -->
|
<!-- 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>
|
</div>
|
||||||
</a></div>
|
</a></div>
|
||||||
|
|
Loading…
Reference in New Issue