Template:CardDisplay: Difference between revisions

← Older edit

VisualWikitext

Latest revision as of 18:32, 31 May 2025

[[{{{1}}}]]

@@ Line 1: / Line 1: @@
-<div class="card">
+<div class="card {{#ifexpr:{{#invoke:String|find|{{{#userparam}}}|description|}}>0 and {{#invoke:String|find|{{{#userparam}}}|image|}}>0
+| tall-card
+| {{#ifeq:{{{#userparam}}}|none| tiny-card | short-card }}
+}}">
+  {{#ifexpr:{{#invoke:String|find|{{{#userparam}}}|image|}}>0|
    <div class="image-wrapper">
      {{#ifexist:{{{Has Image|}}}
@@ Line 6: / Line 10: @@
      }}
    </div>
+  |}}
    <div class="card-content">
      <div class="card-title">[[{{{1}}}]]</div>
-     <div class="card-description">{{#invoke:SummarySnippet|fromPage|{{{1}}}|300}}</div>
+    {{#ifexpr:{{#invoke:String|find|{{{#userparam}}}|description|}}>0|
-     <div class="card-readmore">[[{{{1}}}|Read more →]]</div>
+     <div class="card-description">{{#invoke:SummarySnippet|fromPage|{{{1}}}|200}}</div>
+     <div class="card-readmore">[[{{{1}}}|Read more <span>→</span>]]</div>
+    |}}
    </div>
 </div>
-<script>
-document.addEventListener("DOMContentLoaded", function () {
-  const carousel = document.querySelector('.card-carousel');
-  let isDown = false;
-  let startX;
-  let scrollLeft;
-  carousel.addEventListener('mousedown', (e) => {
-    isDown = true;
-    carousel.classList.add('dragging');
-    startX = e.pageX - carousel.offsetLeft;
-    scrollLeft = carousel.scrollLeft;
-  });
-  carousel.addEventListener('mouseleave', () => {
-    isDown = false;
-    carousel.classList.remove('dragging');
-  });
-  carousel.addEventListener('mouseup', () => {
-    isDown = false;
-    carousel.classList.remove('dragging');
-  });
-  carousel.addEventListener('mousemove', (e) => {
-    if (!isDown) return;
-    e.preventDefault();
-    const x = e.pageX - carousel.offsetLeft;
-    const walk = (x - startX) * 1.5; // scroll speed factor
-    carousel.scrollLeft = scrollLeft - walk;
-  });
-});
-</script>