glenthemes/pages
glenthemes
/
pages
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

₊⁺✿˚

This commit is contained in:
HT 2023-10-14 01:14:50 +01:00
parent 888569f150
commit 5cd227266d
1 changed files with 41 additions and 184 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

225
about-pages/15-Sunlit-Memories
View File

@ -3,12 +3,13 @@ About Page [13]: Sunlit Memories
Made by glenthemes
Initial release: 2019/11/30
Last updated: 2023/10/10
Last updated: 2023/10/13
What's new:
✱ fixed status tab not showing
✱ music player bug fix
✱ fixed some loading issues
✱ NEW GUIDE!
TERMS OF USE:
1) Do not remove the page credit.
@ -23,7 +24,7 @@ Customization Pointers - legend:
🛑🛑🛑🛑🛑🛑🛑 = end of a section
Guide:
docs.google.com/document/d/1t39N5h5aeC3ifhL1aJ32wrQHuxDsyUhM83YwXbDZhP4/edit?usp=sharing
docs.google.com/presentation/d/13KZWoLUBasAWh-R1S49xIj4Wc1qLdV81wp1aws12LBE/edit?usp=sharing
[ DISCLAIMER ]-----------------------------------------
The design of this page belongs entirely to ConcernedApe in their making of Stardew Valley. I replicated their design in CSS & HTML for leisure. This page is released for non-commercial purposes.
@ -121,15 +122,15 @@ attribute:"title"
<script>
$(document).ready(function(){
$("img").each(function(){
if ($(this).attr("src") == "https://glen-themes.gitlab.io/abt-pages/15/imgs/Moonlight-pendent13_TinyPlants.png"){
if ($(this).attr("src") == "//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") == "https://glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_FallLeafDivider.png"){
if ($(this).attr("src") == "//glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_FallLeafDivider.png"){
$(this).wrap("<a title='art by GentleLark - DeviantArt'></a>");
}
if ($(this).attr("src") == "https://glen-themes.gitlab.io/abt-pages/15/imgs/King-Lulu-Deer_PumpkinSpiceAndEverythingNice.gif"){
if ($(this).attr("src") == "//glen-themes.gitlab.io/abt-pages/15/imgs/King-Lulu-Deer_PumpkinSpiceAndEverythingNice.gif"){
$(this).wrap("<a title='art by King-Lulu-Deer - DeviantArt'></a>");
}
});
@ -215,15 +216,15 @@ body {
}
body {
cursor: url("https://glen-themes.gitlab.io/abt-pages/15/imgs/Stardew-Valley-Cursor.png"), auto;
cursor: url("//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;
cursor: url("//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;
cursor: url("//glen-themes.gitlab.io/abt-pages/15/imgs/Stardew-Valley-Cursor-Help.png"), auto;
}
a[title] > img,
@ -378,7 +379,7 @@ img, span {vertical-align:middle;}
#navlinks {
position:fixed;
top:0;margin-top:var(--Nav-Links-Top-Position);
left:0;margin-left:var(--Nav-Links-Top-Position);
left:0;margin-left:var(--Nav-Links-Left-Position);
z-index:2;
}
@ -551,7 +552,7 @@ img, span {vertical-align:middle;}
}
.box-text li {
list-style-image:url("https://glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_Feather.png");
list-style-image:url("//glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_Feather.png");
}
.box-text li > span {
@ -693,177 +694,31 @@ img, span {vertical-align:middle;}
<body>
<!------- NAV LINKS ------->
<!----- 🌱🌱🌱🌱🌱🌱🌱 ----->
<div id="navlinks">
<!---- START ONE NAV LINK ---->
<!-- 🌱🌱🌱🌱🌱🌱🌱 -->
<div class="navlink">
<!-- HOME link -->
<div class="navlink" home-link>
<a href="/" title="return home"></a>
</div>
<!-- link URL and tooltip text -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<a href="/" title="return home">
<!-- ASK link -->
<div class="navlink" ask-link>
<a href="/ask" title="send mail"></a>
</div>
<div class="nutbar"></div>
<div class="crispalou"></div>
<div class="fruitrack">
<div class="nut"></div>
<div class="papaya"></div>
<div class="nut"></div>
</div><!--fruitrack-->
<div class="imgwarp">
<div class="navicon svg">
<div class="navicon-home"></div>
</div><!--navicon-->
</div><!--imgwarp-->
<div class="fruitrack">
<div class="darknut"></div>
<div class="darkpapaya"></div>
<div class="darknut"></div>
</div><!--fruitrack-->
<div class="fruitrack yaku">
<div class="darknut"></div>
<div class="yakult"></div>
<div class="darknut"></div>
</div><!--fruitrack-->
<div class="nutbar dark"></div>
</a>
</div><!--navlink-->
<!-- 🛑🛑🛑🛑🛑🛑🛑 -->
<!---- END ONE NAV LINK ---->
<!-- ARCHIVE link -->
<div class="navlink" archive-link>
<a href="/archive" title="visit archive"></a>
</div>
<!---- START ONE NAV LINK ---->
<!-- 🌱🌱🌱🌱🌱🌱🌱 -->
<div class="navlink">
<!-- link URL and tooltip text -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<a href="/ask" title="send mail">
<div class="nutbar"></div>
<div class="crispalou"></div>
<div class="fruitrack">
<div class="nut"></div>
<div class="papaya"></div>
<div class="nut"></div>
</div><!--fruitrack-->
<div class="imgwarp">
<div class="navicon svg">
<div class="navicon-ask"></div>
</div><!--navicon-->
</div><!--imgwarp-->
<div class="fruitrack">
<div class="darknut"></div>
<div class="darkpapaya"></div>
<div class="darknut"></div>
</div><!--fruitrack-->
<div class="fruitrack yaku">
<div class="darknut"></div>
<div class="yakult"></div>
<div class="darknut"></div>
</div><!--fruitrack-->
<div class="nutbar dark"></div>
</a>
</div><!--navlink-->
<!-- 🛑🛑🛑🛑🛑🛑🛑 -->
<!---- END ONE NAV LINK ---->
<!---- START ONE NAV LINK ---->
<!-- 🌱🌱🌱🌱🌱🌱🌱 -->
<div class="navlink">
<!-- link URL and tooltip text -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<a href="/archive" title="visit archive">
<div class="nutbar"></div>
<div class="crispalou"></div>
<div class="fruitrack">
<div class="nut"></div>
<div class="papaya"></div>
<div class="nut"></div>
</div><!--fruitrack-->
<div class="imgwarp">
<div class="navicon svg">
<div class="navicon-archive"></div>
</div><!--navicon-->
</div><!--imgwarp-->
<div class="fruitrack">
<div class="darknut"></div>
<div class="darkpapaya"></div>
<div class="darknut"></div>
</div><!--fruitrack-->
<div class="fruitrack yaku">
<div class="darknut"></div>
<div class="yakult"></div>
<div class="darknut"></div>
</div><!--fruitrack-->
<div class="nutbar dark"></div>
</a>
</div><!--navlink-->
<!-- 🛑🛑🛑🛑🛑🛑🛑 -->
<!---- END ONE NAV LINK ---->
<!---- START ONE NAV LINK ---->
<!-- 🌱🌱🌱🌱🌱🌱🌱 -->
<div class="navlink">
<!-- link URL and tooltip text -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<a href="//glenthemes.tumblr.com" title="coded by glenthemes">
<div class="nutbar"></div>
<div class="crispalou"></div>
<div class="fruitrack">
<div class="nut"></div>
<div class="papaya"></div>
<div class="nut"></div>
</div><!--fruitrack-->
<div class="imgwarp">
<div class="navicon svg">
<div class="navicon-theme"></div>
</div><!--navicon-->
</div><!--imgwarp-->
<div class="fruitrack">
<div class="darknut"></div>
<div class="darkpapaya"></div>
<div class="darknut"></div>
</div><!--fruitrack-->
<div class="fruitrack yaku">
<div class="darknut"></div>
<div class="yakult"></div>
<div class="darknut"></div>
</div><!--fruitrack-->
<div class="nutbar dark"></div>
</a>
</div><!--navlink-->
<!-- 🛑🛑🛑🛑🛑🛑🛑 -->
<!---- END ONE NAV LINK ---->
<!-- CREDIT -->
<!-- please do not remove -->
<div class="navlink" theme-link>
<a href="//glenthemes.tumblr.com" title="coded by glenthemes"></a>
</div>
</div><!--navlinks--><!--do not delete this line-->
@ -914,7 +769,7 @@ img, span {vertical-align:middle;}
<!-- small left image -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<img class="intro-img" src="https://glen-themes.gitlab.io/abt-pages/15/imgs/Moonlight-pendent13_TinyPlants.png">
<img class="intro-img" src="//glen-themes.gitlab.io/abt-pages/15/imgs/Moonlight-pendent13_TinyPlants.png">
<!-- title box title -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
@ -980,16 +835,18 @@ img, span {vertical-align:middle;}
<!-- bio box text -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<li><span>HT, they/them, 21/05/1998, INFP</span>
<li><span>visual artist, digital designer, web developer</span>
<li><span>female protagonists; 100% fish in RPGs</span>
<li><span>some bullet here</span>
<li><span>some bullet here</span>
<li><span>some bullet here</span>
<div class="divider">
<img src="https://glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_FallLeafDivider.png">
<img src="//glen-themes.gitlab.io/abt-pages/15/imgs/GentleLark_FallLeafDivider.png">
</div><!--end divider-->
<center>
It was November – the <a title="quote by L.M. Montgomery">month</a> of crimson sunsets, parting birds, deep, sad hymns of the sea, passionate wind-songs in the pines.
Example of how you can proc hover text: <a title="hover text here">hello</a>.
</center>
</div><!--end box text--><!--do not delete this line-->
</div><!--do not delete this line-->
@ -1119,7 +976,7 @@ img, span {vertical-align:middle;}
<!-- sidebar image url -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<img class="sidebar-image" src="https://glen-themes.gitlab.io/abt-pages/15/imgs/King-Lulu-Deer_PumpkinSpiceAndEverythingNice.gif">
<img class="sidebar-image" src="//glen-themes.gitlab.io/abt-pages/15/imgs/King-Lulu-Deer_PumpkinSpiceAndEverythingNice.gif">
</div>
</div>
@ -1201,7 +1058,7 @@ img, span {vertical-align:middle;}
<!-- INSTRUCTIONS HERE: -->
<!-- linktr.ee/direct_file_links -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<audio src="https://rhizo.gitlab.io/m/Fall__The_Smell_of_Mushroom_.mp3" volume="100%"></audio>
<audio src="//rhizo.gitlab.io/m/Fall__The_Smell_of_Mushroom_.mp3" volume="100%"></audio>
<i data-feather="music"></i>
@ -1431,7 +1288,7 @@ img, span {vertical-align:middle;}
<div class="tofu-img">
<!-- custom link image url -->
<!-- 🔽🔽🔽🔽🔽🔽🔽 -->
<img class="customlink-image" src="https://glen-themes.gitlab.io/abt-pages/15/imgs/Maple_Syrup.png">
<img class="customlink-image" src="//glen-themes.gitlab.io/abt-pages/15/imgs/Maple_Syrup.png">
</div>
</a></div>