pr fixes

Author: filipchristiansen

src/server/templates/base.jinja

@@ -68,6 +68,5 @@
         <script defer src="/static/js/index.js"></script>
         <script defer src="/static/js/utils.js"></script>
         <script defer src="/static/js/posthog.js"></script>
-        {% block extra_scripts %}{% endblock %}
     </body>
 </html>

src/server/templates/components/footer.jinja

@@ -8,7 +8,7 @@
                                 'icons/chrome.svg',
                                 'Chrome Extension') }}
                 {{ icon_link('https://pypi.org/project/gitingest',
-                                'icons/python-color.svg',
+                                'icons/python.svg',
                                 'Python Package') }}
             </div>
             {# Right column - Discord #}

src/server/templates/index.jinja

@@ -1,19 +1,15 @@
 {% extends "base.jinja" %}
 {% block content %}
     <div class="mb-8">
-        <div class="relative w-full mx-auto flex sm:flex-row flex-col justify-center items-start sm:items-center">
+        <div class="relative w-full flex sm:flex-row flex-col justify-center sm:items-center">
             {# Title & Sparkles #}
             <h1 class="landing-page-title">
                 Prompt-friendly
                 <br>
                 codebase&nbsp;
             </h1>
-            <img src="/static/svg/sparkle-red.svg"
-                 alt="Red Sparkle"
-                 class="sparkle-red">
-            <img src="/static/svg/sparkle-green.svg"
-                 alt="Green Sparkle"
-                 class="sparkle-green">
+            <img src="/static/svg/sparkle-red.svg" class="sparkle-red no-drag">
+            <img src="/static/svg/sparkle-green.svg" class="sparkle-green no-drag">
         </div>
         <p class="intro-text mt-8">Turn any Git repository into a simple text digest of its codebase.</p>
         <p class="intro-text mt-0">This is useful for feeding a codebase into any LLM.</p>

src/static/css/tailwind.css

@@ -11,30 +11,36 @@
 
   .landing-page-title {
     @apply inline-block w-full relative
-           text-left md:text-center
+           text-center
            text-4xl sm:text-5xl md:text-6xl lg:text-7xl
            sm:pt-20 lg:pt-5
            font-bold tracking-tighter;
   }
 
   .intro-text {
-    @apply text-gray-600 text-lg max-w-2xl mx-auto text-center;
+    @apply text-center
+           text-gray-600 text-lg max-w-2xl mx-auto;
   }
 
   .sparkle-red {
-    @apply flex-shrink-0 h-auto
-           w-16 sm:w-20 md:w-24 p-2
-           md:relative sm:absolute lg:absolute
+    @apply absolute flex-shrink-0 h-auto
+           w-14 sm:w-20 md:w-24 p-2
            left-0 lg:ml-32
            -translate-x-2 md:translate-x-10 lg:-translate-x-full
-           sm:-translate-y-16 md:-translate-y-0 lg:-translate-y-10;
+           -translate-y-4 sm:-translate-y-8 md:-translate-y-0 lg:-translate-y-10;
   }
 
   .sparkle-green {
-    @apply hidden md:block lg:absolute right-0 bottom-0
-           w-16 lg:w-20 h-auto flex-shrink-0
+    @apply absolute flex-shrink-0
+           right-0 bottom-0
+           w-10 sm:w-16 lg:w-20
            -translate-x-10 lg:-translate-x-12
-           translate-y-10 md:translate-y-20 lg:translate-y-4;
+           translate-y-4 sm:translate-y-10 md:translate-y-2 lg:translate-y-4;
+  }
+
+  .no-drag {
+    @apply pointer-events-none select-none;
+           -webkit-user-drag: none;
   }
 
 }