gianmarco
/
gmgsite
1
0
Fork 0
Code Issues Pull Requests Activity

Finalized the video embed shortcode and put it on the webmoderno article

pull/4/head
Gianmarco Gargiulo 2023-05-09 10:29:09 +02:00
parent 04a1970fff
commit 66d6ef21f9
4 changed files with 10 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
archetypes/videos.md
View File

@ -6,6 +6,8 @@ draft: true
thumbnail: put it here thumbnail: put it here
--- ---
{{< video YTCODE ODYCODE PTCODE >}}
*Description here* *Description here*
You can also see this video on [YouTube](https://www.youtube.com/channel/UClJfljSDJqzaZF6oUQtKtNA), [Odysee](https://odysee.com/@gianmarcogg03) and [PeerTube](https://peertube.uno/c/gianmarco). You can also see this video on [YouTube](https://www.youtube.com/channel/UClJfljSDJqzaZF6oUQtKtNA), [Odysee](https://odysee.com/@gianmarcogg03) and [PeerTube](https://peertube.uno/c/gianmarco).

2
content/videos/webmoderno.md
View File

@ -6,6 +6,8 @@ draft: false
thumbnail: /videos/img/webmoderno.jpg thumbnail: /videos/img/webmoderno.jpg
--- ---
{{< video NX6z--cOpYI "🇮🇹-perché-il-web-moderno-fa:b" 1d5487b5-8727-491f-b9cb-3c22a8dce7d2 >}}
ENGLISH VIEWERS: this video is a bit different than usual since I wanted to expose a problem that's more or less common for italian people using the internet. ENGLISH VIEWERS: this video is a bit different than usual since I wanted to expose a problem that's more or less common for italian people using the internet.
Il Web moderno fa schifo: annunci, tracker, Javascript, immondizia digitale che ha fatto breccia anche sui siti di informazione scolastici. In questo video faccio luce su alcuni esempi di siti del genere proponendo delle soluzioni. Il Web moderno fa schifo: annunci, tracker, Javascript, immondizia digitale che ha fatto breccia anche sui siti di informazione scolastici. In questo video faccio luce su alcuni esempi di siti del genere proponendo delle soluzioni.

4
themes/hugo-casper3/assets/scss/custom.scss
View File

@ -35,7 +35,7 @@
} }
.tabs .tab-panel { .tabs .tab-panel {
display: none; display: none;
overflow: hidden; overflow: auto;
width: 100%; width: 100%;
position: absolute; position: absolute;
left: 0; left: 0;
@ -48,7 +48,7 @@
color: #fff; color: #fff;
} }
.tabs [id^="tab"]:checked ~ [id^="tab-panel"] { .tabs [id^="tab"]:checked ~ [id^="tab-panel"] {
display: block; display: contents;
} }
/* FONTS */ /* FONTS */

35
themes/hugo-casper3/layouts/shortcodes/video.html
View File

@ -1,35 +1,8 @@
<div class="embed video-player"> <div class="embed video-player">
<ul class="tabs"> <noscript><h3>The video players don't work without JavaScript enabled!</h3></noscript>
<li> <iframe class="youtube-player" type="text/html" width="700" height="385" src="https://ytr.gianmarco.gg/?yt={{ index .Params 0 }}&ody={{ index .Params 1 }}&pt={{ index .Params 2 }}" allowfullscreen frameborder="0"></iframe>
<input id="tab1" type="radio" name="tabs" checked /> <p></p>
<label for="tab1">Piped (il.ax)</label>
<div id="tab-panel1" class="tab-panel">
<iframe class="youtube-player" type="text/html" width="700" height="385" src="https://il.ax/embed/{{ index .Params 0 }}" allowfullscreen frameborder="0"></iframe>
</div>
</li>
<li>
<input id="tab2" type="radio" name="tabs" />
<label for="tab2">YouTube</label>
<div id="tab-panel2" class="tab-panel">
<iframe class="youtube-player" type="text/html" width="700" height="385" src="https://ytr.gianmarco.gg/?code={{ index .Params 0 }}" allowfullscreen frameborder="0"></iframe>
</div>
</li>
<li>
<input id="tab3" type="radio" name="tabs" />
<label for="tab3">Odysee</label>
<div id="tab-panel3" class="tab-panel">
<iframe class="youtube-player" type="text/html" width="700" height="385" src="https://ytr.gianmarco.gg/odysee/?code={{ index .Params 1 }}" allowfullscreen frameborder="0"></iframe>
</div>
</li>
<li>
<input id="tab4" type="radio" name="tabs" />
<label for="tab4">PeerTube</label>
<div id="tab-panel4" class="tab-panel">
<iframe class="youtube-player" type="text/html" width="700" height="385" src="https://peertube.uno/videos/embed/{{ index .Params 2 }}" allowfullscreen frameborder="0"></iframe>
</div>
</li>
</ul>
</div> </div>
<!-- og width was 640 --> <!-- og width was 640 -->
<!-- shortcode: {{< video NX6z--cOpYI "🇮🇹-perché-il-web-moderno-fa:b" 1d5487b5-8727-491f-b9cb-3c22a8dce7d2 >}} --> <!-- to get the code of the iframe just go to ytr.gianmarco.gg and open the source of the page :) -->