removing gsap test / testing plain styling

README.md

@@ -120,168 +120,9 @@ license: creativeml-openrail-m
             fill: none;
         }
 </style>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
-<script>
-    gsap.config({ trialWarn: false });
-    let select = s => document.querySelector(s),
-        allEll = gsap.utils.toArray('.ell'),
-        mainSVG = select('#mainSVG'),
-        colorArr = ['#00ffff', '#ff00ff', '#EF476F', '#ffff00'],
-        colorInterp = gsap.utils.interpolate(colorArr);
 
-    // Ellipses Animation
-    gsap.set(mainSVG, { visibility: 'visible' });
-	
-    allEll.forEach((c, i) => {
-	function animate(el, count) {
-    let tl = gsap.timeline({
-        defaults: { ease: 'rough.inOut' },
-        repeat: -1
-    });
-    gsap.set(el, {
-        opacity: 1 - count / (allEll.length),
-        stroke: colorInterp(count / (allEll.length))
-    });
-
-    tl.to(el, {
-        attr: {
-            ry: `-=${count * 2.3}`,
-            rx: `+=${count * 1.4}`
-        },
-        ease: 'sine.in'
-    })
-    .to(el, {
-        attr: {
-            ry: `+=${count * 2.3}`,
-            rx: `-=${count * 1.4}`
-        },
-        ease: 'sine'
-    })
-    .to(el, {
-        duration: 1,
-        rotation: 190,
-        transformOrigin: '50% 50%'
-    }, 0).timeScale(0.5);
-}
-
-        gsap.delayedCall(i / (allEll.length - 1), animate, [c, i + 1]);
-    });
-
-    // Gradient Animation
-    gsap.to('#aiGrad', {
-        duration: 3.5,
-        delay: 0.75,
-        attr: { x1: '-=300', x2: '-=300' },
-        scale: 1.2,
-        transformOrigin: '10% 50%',
-        repeat: -1,
-  ease: 'sine.inOut',
-    });
-	
-	// AI Logo Animation (Blur + Pulsate)
-gsap.to('#ai', {
-    duration: 2,
-    scale: 1,
-    repeat: -1,
-    yoyo: false,
-    ease: 'back.out(1.7)',
-    filter: 'blur(2px)' // Blur effect
-});
-
-	// AI Logo Animation (Blur + Pulsate)
-gsap.to('#idle', {
-    duration: 3,
-    scale: 1.2,
-    repeat: -1,
-
-    ease: 'sine.inOut',
-    filter: 'blur(0px)' // Blur effect
-});
-
-// AI Clone Animation (Crystal Clear and Expand)
-let aiClone = select('#aiClone'); // Cloned logo
-gsap.set(aiClone, { scale: 1, filter: 'blur(0px)', opacity: 0 }); // Initially hidden
-
-gsap.timeline({ repeat: -1 })
-    .to(aiClone, {
-        duration: 1,
-        scale: 1.2,
-        ease: 'power2.in',
-        opacity: 1
-    })
-    .to(aiClone, {
-        duration: 2, // Stay visible for 2 seconds
-        ease: 'power2.out',
-    })
-    .to(aiClone, {
-        duration: 1,
-        scale: 1.6, // Expand
-        ease: 'power2.in',
-        opacity: 0
-    });
-</script>
 <div class="container">
-    <div class="logo-container" style="text-align: center; max-height: 512px;">
-
-<svg id="mainSVG" xmlns="http://www.w3.org/2000/svg"preserveAspectRatio="xMidYMid" viewBox="0 0 800 600">
-
-
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-		<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-	<ellipse class="ell" cx="400" cy="300" rx="69" ry="69" />
-  
-    		<linearGradient id="aiGrad" x1="513.98" y1="290" x2="479.72" y2="320" gradientUnits="userSpaceOnUse" > 
-			<stop offset="0" stop-color="#FFFFFF" stop-opacity="0" />
-			<stop offset=".15" stop-color="#EF476F" />
-			<stop offset=".4" stop-color="#359eee" />
-			<stop offset=".6" stop-color="#03cea4" />
-			<stop offset=".78" stop-color="#FFC43D" />
-			<stop offset="1" stop-color="#FFFFFF" stop-opacity="0" />
-		</linearGradient>
-		
-
-						
-      <g transform="translate(362.90899348258972, 320.99999618530273)">
-        <path id="aiGrad" d="m30.21-33.92q-5.19 0-8.96-1.73l-2.05 10.37h12.35q0 3.39-1.69 5.54-1.7 2.14-4.77 2.14-3.33 0-6.4-1.22-0.64-0.25-0.71-0.32l-3.64 19.14h-13.96l8.13-42.24h28.55q0 3.9-1.83 6.11-1.82 2.21-5.02 2.21zm34.37 0q-5.19 0-8.96-1.73l-2.05 10.37h12.35q0 3.39-1.7 5.54-1.69 2.14-4.76 2.14-3.33 0-6.4-1.22-0.64-0.25-0.71-0.32l-3.65 19.14h-13.95l8.13-42.24h28.54q0 3.9-1.82 6.11t-5.02 2.21z"
-              fill="url(#aiGrad)" stroke-linecap="round" stroke-miterlimit="10" stroke="url(#aiGrad)" stroke-width="1" opacity="0.99"></path>
-    </g>
-    <g transform="translate(362.90899348258972, 320.99999618530273)">
-        <path id="ai" d="m30.21-33.92q-5.19 0-8.96-1.73l-2.05 10.37h12.35q0 3.39-1.69 5.54-1.7 2.14-4.77 2.14-3.33 0-6.4-1.22-0.64-0.25-0.71-0.32l-3.65 19.14h-13.95l8.13-42.24h28.54q0 3.9-1.82 6.11t-5.02 2.21z"         fill="url(#aiGrad)"            stroke-linecap="round" stroke-miterlimit="10" stroke="url(#aiGrad)" stroke-width="3" opacity="1"></path>
-    </g>
-
-	      <g transform="translate(362.90899348258972, 320.99999618530273)">
-        <path id="aiClone d="m30.21-33.92q-5.19 0-8.96-1.73l-2.05 10.37h12.35q0 3.39-1.69 5.54-1.7 2.14-4.77 2.14-3.33 0-6.4-1.22-0.64-0.25-0.71-0.32l-3.64 19.14h-13.96l8.13-42.24h28.55q0 3.9-1.83 6.11-1.82 2.21-5.02 2.21zm34.37 0q-5.19 0-8.96-1.73l-2.05 10.37h12.35q0 3.39-1.7 5.54-1.69 2.14-4.76 2.14-3.33 0-6.4-1.22-0.64-0.25-0.71-0.32l-3.65 19.14h-13.95l8.13-42.24h28.54q0 3.9-1.82 6.11t-5.02 2.21z"
-              fill="url(#aiGrad)" stroke-linecap="round" stroke-miterlimit="10" stroke="url(#aiGrad)" stroke-width="1"></path>
-	
-</svg>
-
-
-
-
-
-    </div>
-<div class="row">
+  <div class="row">
 <!-- Card 1 -->
 <div class="model-card">
 <img alt="FFusion/FFusionXL-BASE · Hugging Face - Cover Image" src="FFusion00.jpeg"/>