fadein working

LitusProject · Oct 26, 2023 · c116e26 · c116e26
1 parent 7f4858c
commit c116e26
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 47 deletions.
diff --git a/module/CommonBundle/Resources/assets/site/less/vtk-homepage-layout.less b/module/CommonBundle/Resources/assets/site/less/vtk-homepage-layout.less
@@ -1,6 +1,6 @@
 .vtk-home-header {
   width: 100%;
-  //height: ~"calc(100vh - 135px)";     banner 24ul
+  height: ~"calc(100vh - 135px)";
   padding: 15px;
 }
 
@@ -51,7 +51,7 @@
     url(../_site/img/technisch_pattern.png);
   background-position: 60% 20%;
   background-size: 65%;
-  padding: 40px 0 75px;
+  padding: 75px 0;
 }
 
 .vtk-home-br {

diff --git a/module/CommonBundle/Resources/views/common/index/index.twig b/module/CommonBundle/Resources/views/common/index/index.twig
@@ -39,53 +39,53 @@
         </div>
     {% endfor %}
 
-{#    <div class="vtk-home-header">#}                   {#banner 24ul#}
-{#        <div class="vtk-home-image">#}
-{#            <div class="container" style="text-align: center">#}
-{#                <h1 class="vtk-hometitle">{{ translate('welcome to') }} VTK</h1>#}
-{#                <div class="vtk-home-titleDecoration"></div>#}
-{#                <h2 class="vtk-home-subtitle" style="color: white; font-weight: 500">Vlaamse Technische Kring - partner#}
-{#                    in crime since 1920</h2>#}
-{#                <div style="height: 100px"></div>#}
-{#            </div>#}
-{#        </div>#}
-{#    </div>#}
-
-    <div class="vtk-home-header">                   {#banner 24ul#}
-        <div class="row container_24h">
-            <div class="buttons_24h">
-                <a class="button_24h hidden-xs"  style="margin-right: 20%"
-                   href="https://youtu.be/GTy8z7hUbuo?feature=shared">Promovideo</a>
-                <a class="button_24h hidden-sm hidden-xs"
-                   href="/page/24-urenloop/">{{ translate('24h Run') }}</a>
-                {#                        <a class="button_24h"#}
-                {#                           href="{{ url('calendar', {'action': 'view', 'name': event.getName()}) }}">{{ translate('Training') }}</a>#}
-                {#                        <a class="button_24h"#}
-                {#                           href="{{ url('calendar', {'action': 'view', 'name': event.getName()}) }}">{{ translate('Sport') }}</a>#}
-                <div class="countdown_container">
-                    <ul id="countdown">
-                        <li id="days">
-                            <div class="number">00</div>
-                            <div class="label-c">D</div>
-                        </li>
-                        <li id="hours">
-                            <div class="number">00</div>
-                            <div class="label-c">H</div>
-                        </li>
-                        <li id="minutes">
-                            <div class="number">00</div>
-                            <div class="label-c">M</div>
-                        </li>
-                        <li id="seconds">
-                            <div class="number">00</div>
-                            <div class="label-c">S</div>
-                        </li>
-                    </ul>
-                </div>
+    <div class="vtk-home-header">
+        <div class="vtk-home-image">
+            <div class="container" style="text-align: center">
+                <h1 class="vtk-hometitle">{{ translate('welcome to') }} VTK</h1>
+                <div class="vtk-home-titleDecoration"></div>
+                <h2 class="vtk-home-subtitle" style="color: white; font-weight: 500">Vlaamse Technische Kring - partner
+                    in crime since 1920</h2>
+                <div style="height: 100px"></div>
             </div>
         </div>
     </div>
 
+{#    <div class="vtk-home-header">                   #}{#banner 24ul#}
+{#        <div class="row container_24h">#}
+{#            <div class="buttons_24h">#}
+{#                <a class="button_24h hidden-xs"  style="margin-right: 20%"#}
+{#                   href="https://youtu.be/GTy8z7hUbuo?feature=shared">Promovideo</a>#}
+{#                <a class="button_24h hidden-sm hidden-xs"#}
+{#                   href="/page/24-urenloop/">{{ translate('24h Run') }}</a>#}
+{#                #}{#                        <a class="button_24h"#}
+{#                #}{#                           href="{{ url('calendar', {'action': 'view', 'name': event.getName()}) }}">{{ translate('Training') }}</a>#}
+{#                #}{#                        <a class="button_24h"#}
+{#                #}{#                           href="{{ url('calendar', {'action': 'view', 'name': event.getName()}) }}">{{ translate('Sport') }}</a>#}
+{#                <div class="countdown_container">#}
+{#                    <ul id="countdown">#}
+{#                        <li id="days">#}
+{#                            <div class="number">00</div>#}
+{#                            <div class="label-c">D</div>#}
+{#                        </li>#}
+{#                        <li id="hours">#}
+{#                            <div class="number">00</div>#}
+{#                            <div class="label-c">H</div>#}
+{#                        </li>#}
+{#                        <li id="minutes">#}
+{#                            <div class="number">00</div>#}
+{#                            <div class="label-c">M</div>#}
+{#                        </li>#}
+{#                        <li id="seconds">#}
+{#                            <div class="number">00</div>#}
+{#                            <div class="label-c">S</div>#}
+{#                        </li>#}
+{#                    </ul>#}
+{#                </div>#}
+{#            </div>#}
+{#        </div>#}
+{#    </div>#}
+
     <div class="vtk-home-technical">
         <div style="padding: 20px 15px" class="container">
             <div class="row">
@@ -393,10 +393,8 @@
                 var tag = tags[i];
                 if ($(tag).position().top < pageBottom && pageTop < $(tag).position().top) {
                     $(tag).addClass("visible");
-                    console.log("v");
                 } else {
                     $(tag).removeClass("visible");
-                    console.log("i");
                 }
             }
         });