From 0e1dd1dadf34f08f569d7a9570d52885a40187c3 Mon Sep 17 00:00:00 2001
From: HT <glenthemes@noreply@froggi.es>
Date: Sat, 19 Aug 2023 04:51:52 +0100
Subject: [PATCH] =?UTF-8?q?=E2=82=8A=E2=81=BA=E2=9C=BF=CB=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 13-Parfait | 95 +++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 91 insertions(+), 4 deletions(-)

diff --git a/13-Parfait b/13-Parfait
index faa6520..b8bb0dc 100644
--- a/13-Parfait
+++ b/13-Parfait
@@ -5,7 +5,10 @@ Made by glenthemes
 Initial release: 2015/11/??
 Remake [v1] date: 2020/03/23
 Remake [v2] date: 2022/05/10
-Last updated: 2023/05/06
+Last updated: 2023/08/18
+
+What's new:
+✱ NPF audio post support
 
 HOW TO USE:
 https://docs.google.com/presentation/d/1jv8m7GLZWYv9-xrkmFFtfaRyxmEgDkbfn1WZ9cS8hgM/edit?usp=sharing
@@ -78,13 +81,15 @@ CREDITS:
 
 <link href="//static.tumblr.com/gtjt4bo/kIbrbaazv/glvwj.css" rel="stylesheet">
 
+<script src="//static.tumblr.com/gtjt4bo/sgMrymui0/waitforelement.js"></script>
 <link href="//glen-themes.gitlab.io/thms/13/limonade-de-fraise.css" rel="stylesheet">
 <script src="//glen-themes.gitlab.io/thms/13/hibiscus-tea.js"></script>
+<script src="//glen-themes.gitlab.io/thms/13/more-tea.js"></script>
 
 <!-- unblue polls -->
 <!-- glenthemes.tumblr.com/post/708014819571302400 -->
 <link href="//static.tumblr.com/gtjt4bo/mXBrpdj0n/unblue-polls.css" rel="stylesheet">
-<style>
+<style unblue-polls>
 .poll-post {
     --Poll-Question-Font-Size: var(--Body-Font-Size);
     
@@ -112,6 +117,86 @@ CREDITS:
 }
 </style>
 
+<!-- npf audio player -->
+<!-- glenthemes.tumblr.com/post/722160746171072512 -->
+<script src="//tmblr-npf-audio.gitlab.io/s/init.js"></script>
+<link href="//tmblr-npf-audio.gitlab.io/s/base.css" rel="stylesheet">
+<script>
+tumblr_npf_audio({
+    emptyTitleText: "Untitled track",
+    emptyArtistText: "Untitled artist",
+    emptyAlbumText: "Untitled album",
+ 
+    titleLabel: "",
+    artistLabel: "",
+    albumLabel: ""
+});
+</script>
+<style edit-npf-audio-player>
+.npf-audio-wrapper {
+    --NPF-Audio-Buttons-Size: var(--Audio-Post-Buttons-Size);
+    --NPF-Audio-Buttons-Color: var(--Audio-Post-Buttons-Color);
+    --NPF-Audio-Buttons-Padding: var(--Audio-Post-Buttons-Padding);
+    --NPF-Audio-Buttons-Spacing: calc(var(--p) + var(--Audio-Post-Album-Right-Gap));
+    --NPF-Audio-Image-Size: var(--Audio-Post-Album-Size);
+    --NPF-Audio-Image-Spacing: 0px;
+ 
+    --t:calc((var(--NPF-Audio-Buttons-Padding) * 2) + var(--NPF-Audio-Buttons-Size));
+    --p:calc(var(--NPF-Audio-Buttons-Padding) + ((var(--NPF-Audio-Image-Size) - var(--t)) / 2));
+}
+ 
+.npf-audio-wrapper {
+    position:relative;
+    background:{color:special background};
+    z-index:0;
+}
+ 
+.npf-audio-background {
+    margin-left:var(--p);
+}
+ 
+.npf-audio-play, .npf-audio-pause {
+	position:relative;
+	z-index:0;
+}
+ 
+.npf-audio-play:after, .npf-audio-pause:after {
+    content:"";
+    position:absolute;
+    top:0;left:0;
+    margin-top:calc(0px - var(--NPF-Audio-Buttons-Padding));
+    margin-left:calc(0px - var(--NPF-Audio-Buttons-Padding));
+    width:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
+    height:calc(100% + (var(--NPF-Audio-Buttons-Padding) * 2));
+    background:var(--Audio-Post-Buttons-Background);
+    border-radius:100%;
+	z-index:-1;
+}
+ 
+.npf-audio-play svg { margin-left:1px; }
+.npf-audio-pause svg { margin-left:0; }
+ 
+figcaption.audio-caption,
+figcaption.audio-caption ~ audio[controls]{
+    display:none;
+}
+ 
+.npf-audio-image {
+    position:absolute;
+    top:0;left:0;
+    z-index:-1;
+}
+ 
+.npf-audio-details {
+    font-size:calc(var(--Body-Font-Size) - 1px);
+    color:{color:special text};
+}
+ 
+.npf-audio-details > * + * {
+    margin-top:-1px;
+}
+</style>
+
 <script src="//glen-npf.gitlab.io/other/neue.js"></script>
 <link href="//glen-npf.gitlab.io/other/neue.css" rel="stylesheet">
 
@@ -1025,6 +1110,7 @@ small {
     --Audio-Post-Buttons-Color:{color:navlinks icon};
     --Audio-Post-Buttons-Padding:11px;
     --Audio-Post-Buttons-Background:{color:navlinks bg};
+    --Audio-Post-Download-Color:{color:special text};
     
     --Link:{color:link};
     --Post-Borders-Inner:{color:post borders inner};
@@ -2213,7 +2299,7 @@ img.photopic {
     margin-top:-1px;
 }
 
-.aud-song-name {
+.aud-song-name, .npf-audio-title {
     font-family:var(--SmallCaps-Font-Family);
     font-size:calc(var(--SmallCaps-Font-Size) + .5px);
     text-transform:uppercase;
@@ -2246,7 +2332,8 @@ img.photopic {
     -webkit-mask-repeat:no-repeat;
     -webkit-mask-position:center;
     -webkit-mask-image:var(--install);
-    background:{color:special text};
+    background:var(--Audio-Post-Download-Color);
+    pointer-events:none;
 }
 
 /*---- SPOTIFY ----*/