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-06 06:31:53 +01:00
parent 1b1adc8c63
commit c1d9193295
1 changed files with 45 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

65
about-pages/10-Statice
View File

@ -3,7 +3,11 @@ About Page [10]: Statice
Made by glenthemes
Initial release: 2019/02/16
Last updated: 2021/10/21
Last updated: 2023/10/05
What's new:
✱ fixed squashed play/pause buttons
✱ rehosted some images
TERMS OF USE:
1) Do not remove the page credit.
@ -15,13 +19,12 @@ TERMS OF USE:
Please stick to the Terms! Thank you ^-^
Here is the help guide!
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓
//docs.google.com/document/d/10qXOhdwPVxS15snK7ExmN-mDPqga_GnLpeLynkLojLs/edit?usp=sharing
docs.google.com/document/d/10qXOhdwPVxS15snK7ExmN-mDPqga_GnLpeLynkLojLs/edit?usp=sharing
Credits at: //glenthemes.tumblr.com/leo-crd
Credits at: glenthemes.tumblr.com/leo-crd
------------------------------------------------------------------------>
<!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 lang="en">
<head>
@ -694,15 +697,32 @@ hr {
}
.playy, .pausee {
margin-top:2px;
margin-left:4px;
font-size:13px;
color:#BDB3E1; /* music button color */
display:flex;
align-items:center;
justify-content:center;
margin-top:-1px;
}
.on-cont svg {
display:block;
width:11px;
fill:currentColor;
transform-origin:center;
transform:scale(1.15,1);
}
.playy {
margin-left:1px;
}
.pausee {
display:none;
margin-left:5px;
}
.playy[style*="display: block"],
.pausee[style*="display: block"]{
display:flex!important;
}
/* music text label */
@ -766,7 +786,7 @@ hr {
<!----TOP LEFT: LEVEL WIDGET---->
<div id="secondary-stat">
<img class="quoi" src="https://cdn.discordapp.com/attachments/900692000364445736/900692008413319258/S_Bow08.png"> <!--level image icon-->
<img class="quoi" src="https://glen-themes.gitlab.io/abt-pages/10/imgs/S_Bow08.png"> <!--level image icon-->
<div class="quoi-txt">Level 104</div> <!--level display text-->
</div><!--level-->
</div><!--health-widget--><!--do not delete this line-->
@ -778,7 +798,7 @@ hr {
<div id="milkshake">
<div id="brioche">
<!--BIGGEST ICON IMAGE-->
<img class="bun" src="https://cdn.discordapp.com/attachments/900692000364445736/900692064038170624/I_Feather01.png">
<img class="bun" src="https://glen-themes.gitlab.io/abt-pages/10/imgs/I_Feather01.png">
</div></a><!--do not delete this line-->
<!--HOME BUTTON-->
@ -852,7 +872,7 @@ hr {
<a title="sample text">
<!--display icon image-->
<img class="stat-icon" src="https://cdn.discordapp.com/attachments/900692000364445736/900692142140325948/P_White01.png"></a>
<img class="stat-icon" src="https://glen-themes.gitlab.io/abt-pages/10/imgs/P_White01.png"></a>
<div class="stat-bar">
<div class="stat-fill" style="width:30%"> <!--set fill width %-->
@ -868,7 +888,7 @@ hr {
<a title="sample text">
<!--display icon image-->
<img class="stat-icon" src="https://cdn.discordapp.com/attachments/900692000364445736/900692200294346822/I_Amethist.png"></a>
<img class="stat-icon" src="https://glen-themes.gitlab.io/abt-pages/10/imgs/I_Amethist.png"></a>
<div class="stat-bar">
<div class="stat-fill" style="width:52%"> <!--set fill width %-->
@ -899,13 +919,13 @@ hr {
<div class="image-icons">
<!--INFO TAB IMAGE ICONS-->
<!--put image url between the quotation marks of src=""-->
<a class="clickbox1"><img class="boximg1" src="https://cdn.discordapp.com/attachments/900692000364445736/900692253700407367/W_Gun002.png"></a>
<a class="clickbox1"><img class="boximg1" src="https://glen-themes.gitlab.io/abt-pages/10/imgs/W_Gun002.png"></a>
<a class="clickbox2"><img class="boximg2" src="https://cdn.discordapp.com/attachments/900692000364445736/900692484106121226/I_Book.png"></a>
<a class="clickbox2"><img class="boximg2" src="https://glen-themes.gitlab.io/abt-pages/10/imgs/I_Book.png"></a>
<a class="clickbox3"><img class="boximg3" src="https://cdn.discordapp.com/attachments/900692000364445736/900692531086499870/S_Holy07.png"></a>
<a class="clickbox3"><img class="boximg3" src="https://glen-themes.gitlab.io/abt-pages/10/imgs/S_Holy07.png"></a>
<a class="clickbox4"><img class="boximg4" src="https://cdn.discordapp.com/attachments/900692000364445736/900692591396417566/I_Key02.png"></a>
<a class="clickbox4"><img class="boximg4" src="https://glen-themes.gitlab.io/abt-pages/10/imgs/I_Key02.png"></a>
</div><!--image-icons-->
@ -975,8 +995,13 @@ hr {
<!----MUSIC PLAYER---->
<div class="aloe">
<div class="on-cont m-o">
<div class="playy">►</div>
<div class="pausee">❚❚</div>
<div class="playy">
<i data-feather="play"></i>
</div>
<div class="pausee">
<i data-feather="pause"></i>
</div>
</div><!--on-cont-->
<!--music text-->
@ -985,7 +1010,7 @@ hr {
<!-- audio file URL -->
<!-- tutorial: -->
<!-- linktr.ee/direct_file_links -->
<audio id="tune" src="https://cdn.discordapp.com/attachments/900670626774265886/900691107493580820/Sound_of_the_End_Chiptune_cover.mp3" type="audio"></audio>
<audio id="tune" src="https://rhizo.gitlab.io/nier/Sound_of_the_End__Chiptune_cover_.mp3" type="audio"></audio>
</div><!--aloe-->
<script>feather.replace()</script>