Merge pull request #3 from ljfp/NasaSkade

Fix FE

Author: Itzskade

web/aladin.html

@@ -32,30 +32,48 @@
 			<div class="samples">
 				<span class="samples-label">Try a sample dataset:</span>
 				<div class="sample-buttons">
-					<button
-						type="button"
-						data-fits-url="https://cdsarc.cds.unistra.fr/saadavizier/download?oid=864972989978905533"
-						data-label="WISE Infrared — IC 434 & Horsehead Nebula"
-						data-colormap="magma"
-					>
-						Horsehead Nebula (WISE)
-					</button>
-					<button
-						type="button"
-						data-fits-url="https://fits.gsfc.nasa.gov/samples/NGC6543.fits"
-						data-label="HST WFPC2 — NGC 6543 (Cat's Eye)"
-						data-colormap="viridis"
-					>
-						Cat's Eye Nebula (HST)
-					</button>
-					<button
-						type="button"
-						data-fits-url="https://fits.gsfc.nasa.gov/samples/FUV.fits"
-						data-label="GALEX FUV — M101 Spiral"
-						data-colormap="plasma"
-					>
-						Pinwheel Galaxy (GALEX)
-					</button>
+                    <button class="fits-button"
+                        type="button"
+                        data-fits-url="/web/examples/EUVEngc4151imgx.fits"
+                        data-label="EUV — NGC 4151"
+                        data-colormap="magma">
+                        Ver NGC 4151 (EUV)
+                    </button>
+                    <button class="fits-button"
+                      type="button"
+                      data-fits-url="/web/examples/FGSf64y0106m_a1f.fits"
+                      data-label="FGS — f64y0106m"
+                      data-colormap="gray">
+                      Ver FGS f64y0106m
+                    </button>
+                    <button class="fits-button"
+                      type="button"
+                      data-fits-url="/web/examples/FOCx38i0101t_c0f.fits"
+                      data-label="FOC — x38i0101t"
+                      data-colormap="plasma">
+                      Ver FOC x38i0101t
+                    </button>
+                    <button class="fits-button"
+                      type="button"
+                      data-fits-url="/web/examples/FPC2u5780205r_c0fx.fits"
+                      data-label="FPC2 — u5780205r"
+                      data-colormap="viridis">
+                      Ver FPC2 u5780205r
+                    </button>
+                    <button class="fits-button"
+                      type="button"
+                      data-fits-url="/web/examples/UITfuv2582gc.fits"
+                      data-label="UIT — FUV 2582"
+                      data-colormap="inferno">
+                      Ver UIT FUV 2582
+                    </button>
+                    <button class="fits-button"
+                      type="button"
+                      data-fits-url="/web/examples/WFPC2ASSNu5780205bx.fits"
+                      data-label="WFPC2 — ASSN u5780205bx"
+                      data-colormap="cividis">
+                     Ver WFPC2 ASSN
+                   </button>                     
 				</div>
 			</div>
 			<p class="notice" id="aladin-hint">

web/examples/EUVEngc4151imgx.fits

@@ -184,9 +184,27 @@ button:disabled {
   gap: 0.4rem;
 }
 
+.sample-buttons {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr); /* dos columnas iguales */
+  gap: 0.6rem;
+}
+
 .sample-buttons button {
+  width: 100%;
+  height: 44px;
+  font-size: 0.8rem;
+  text-align: center;
+  padding: 0.45rem 0.70rem;
+  border-radius: 0.7rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   background: rgba(59, 130, 246, 0.14);
-  border-color: rgba(59, 130, 246, 0.4);
+  border: 1px solid rgba(59, 130, 246, 0.4);
+  color: inherit;
+  cursor: pointer;
+  transition: background 0.2s ease, border-color 0.2s ease;
 }
 
 .sample-buttons button:hover {