Merge branch 'main' of https://github.com/vvvv/visualprogramming.net

vvvv · Nov 14, 2024 · 7414fd0 · 7414fd0
2 parents 3a6d4d7 + 430aa6d
commit 7414fd0
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 16 deletions.
diff --git a/assets/scss/_dsgvo_video-embeds.scss b/assets/scss/_dsgvo_video-embeds.scss
@@ -10,7 +10,8 @@ iframe {
   display: flex;
   flex-direction: column;
   border: 1px solid #444 !important;
-  justify-content: space-between;
+  justify-content: center;
+  gap: 1em;
 
   label {
     margin-bottom: 0em;
@@ -19,10 +20,8 @@ iframe {
     .video-link
     {
         color: #666;
-
-        a {
-            margin-right: 0em;
-        }        
+        margin-right: 0em;
+        text-decoration: underline;   
     }
 
     h1
@@ -37,9 +36,9 @@ iframe {
     {
         margin: 0em 0em;
 
-        a{
-            white-space: nowrap;
-        }
+        // a{
+        //     white-space: nowrap;
+        // }
     }
 
     .buttons
@@ -57,8 +56,7 @@ iframe {
 
         .playButton
         {
-            width: 50px;
-            height: 50px;
+
             background-color: $orange;
             mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 18v-12l10 6-10 6z'/%3E%3C/svg%3E" );
             -webkit-mask-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3 18v-12l10 6-10 6z'/%3E%3C/svg%3E" );
@@ -67,6 +65,17 @@ iframe {
             margin:0 auto;
             cursor: pointer;
 
+            @media screen and (max-width: 450px) {
+                width: 30px;
+                height: 30px;
+              }
+
+            @media screen and (min-width: 450px) {
+                width: 50px;
+                height: 50px;
+            }
+
+
             &:hover
             {
                 background-color: $orange-hover;

diff --git a/layouts/partials/features_section.html b/layouts/partials/features_section.html
@@ -1,7 +1,7 @@
 {{ "<!-- TopFeatures -->" | safeHTML }}
 <div class="row justify-content-start">
     {{ range $index, $elem:=(index (where (.Site.GetPage "Features").Sections "Title" (.Scratch.Get "sectionTitle")) 0).RegularPages.ByParam "id" }}
-    <div class="col-md-5 mb-5 {{if modBool $index 2}}ml-md-5{{end}} {{if not (modBool $index 2)}}offset-md-1{{end}}">
+    <div class="col-lg-5 mb-5 {{if modBool $index 2}}ml-lg-5{{end}} {{if not (modBool $index 2)}}offset-lg-1{{end}}">
         <div class="row g-0 d-flex align-items-start position-relative">
           <div class="col-12 mb-3" style="color: #fff">
             {{ with .Params.img}}

diff --git a/layouts/partials/showcase-page-madeWithGammaCard.html b/layouts/partials/showcase-page-madeWithGammaCard.html
@@ -1,7 +1,7 @@
 {{ $rightItem := .right}}
 
 {{ with .context}}
-<div class="col-10 my-2 col-lg-5 py-4 px-3">
+<div class="col-12 col-md-10 my-2 col-lg-5 py-4 px-lg-3">
     <div class="card text-white card-has-bg click-col">
         <img class="card-img-top lazyload" data-src="{{.Params.img | relURL}}" alt="{{ .Params.Title }}">
         <div class="card-body p-4">

diff --git a/layouts/partials/showcase-page-projects.html b/layouts/partials/showcase-page-projects.html
@@ -7,7 +7,7 @@
         </div>
     </div>
 </div>
-<div class="list row mb-5 justify-content-around px-5">
+<div class="list row mb-5 justify-content-around px-lg-5">
     {{ $pages := ((where site.RegularPages "Section" "madewithgamma").ByParam "id").Reverse }}
     {{ range $index, $elem:= $pages }}
         {{ partial "showcase-page-madeWithGammaCard" (dict "context" $elem "index" $index) }}

diff --git a/layouts/partials/showcase-projects.html b/layouts/partials/showcase-projects.html
@@ -9,7 +9,7 @@
 </div>
 <div class="row justify-content-center mb-5">
     <div class="col-11 col-xl-9">
-        {{ $pages := ((first 5 (where site.RegularPages "Section" "madewithgamma")).ByParam "id").Reverse }}
+        {{ $pages := first 5 ((where site.RegularPages "Section" "madewithgamma").ByParam "id").Reverse }}
 
         <div class="swiper">
             <!-- Additional required wrapper -->

diff --git a/layouts/partials/videoBlocker.html b/layouts/partials/videoBlocker.html
@@ -4,7 +4,7 @@
     <h1>{{ .Site.Params.youtubeBlocker.headline }}</h1>
     <div class="text">{{ .Site.Params.youtubeBlocker.text | markdownify}}</div>  
     <div class="buttons">
-        <div class="playButton text-center">
+        <div class="playButton text-center" title="Play video">
         </div>
         <input type="checkbox" name="rememberchoice" value="true" checked="checked"><label for="rememberchoice">{{ .Site.Params.youtubeBlocker.checkbox }}</label>
     </div>
@@ -17,7 +17,7 @@ <h1>{{ .Site.Params.youtubeBlocker.headline }}</h1>
     <h1>{{ .Site.Params.vimeoBlocker.headline }}</h1>
     <div class="text">{{ .Site.Params.vimeoBlocker.text | markdownify }}</div>  
     <div class="buttons">
-      <div class="playButton text-center">
+      <div class="playButton text-center" title="Play video">
       </div>
       <input type="checkbox" name="rememberchoice" value="true" checked="checked"><label for="rememberchoice">{{ .Site.Params.vimeoBlocker.checkbox }}</label>
     </div>