Transform site into 90s retro aesthetic

[Copilot]

Replaces the default minima theme with a fully retro 90s web experience using custom Jekyll layout and CSS overrides.

Layout (_layouts/default.html)

• Scrolling <marquee> banner with era-appropriate phrases ("Welcome to the Information Superhighway!", "Best viewed in 800×600", "Netscape Navigator 4.0 recommended")
• Blinking ⚠️ "PÁGINA EN CONSTRUCCIÓN" under-construction notice
• 001337 visitor counter in green-on-black monospace
• Rainbow gradient <hr> dividers
• Star-decorated site title

Styles (assets/css/retro.css)

• Font: Comic Sans MS site-wide
• Background: Cyan with SVG polka-dot tile pattern
• Header: Navy with yellow text, red drop-shadow
• Links: Bold red / visited purple / hover orange
• Code blocks: Green-on-black terminal style
• CSS blink keyframe animation for construction warning

Screenshot

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[Copilot]

Pull request overview

This PR switches the site’s presentation from the default Minima look to a custom “90s retro” theme by introducing a bespoke Jekyll default layout and a dedicated retro stylesheet, and regenerating the built site output accordingly.

Changes:

• Added a custom Jekyll layout (_layouts/default.html) with marquee banner, under-construction notice, visitor counter, and themed header/footer.
• Added retro styling (assets/css/retro.css) to implement the 90s visual design across the site.
• Updated generated site output under _site/ to reflect the new layout/theme and updated canonical URLs/feed content.

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
assets/css/retro.css	New retro theme CSS (colors, fonts, blink animation, terminal-style code blocks, etc.).
_layouts/default.html	New site-wide layout implementing the retro structure (header/nav, marquee, footer blocks).
_site/index.html	Generated homepage output updated to the new layout/theme and URLs.
_site/markdown.html	Generated markdown page output updated to the new layout/theme and URLs.
_site/404.html	Generated 404 page output updated to the new layout/theme and URLs.
_site/feed.xml	Generated Atom feed updated (site URLs, updated timestamp, entries).
_site/assets/css/retro.css	Generated copy of the retro stylesheet in the build output.
_site/2025/08/25/Linux.html	Generated new post/page output using the retro layout.
_site/2025/08/23/compre-un-ordenador-por-40-euros.html	Generated post output updated to the retro layout/theme and URLs/timezone.
_site/jekyll/update/2025/08/20/welcome-to-jekyll.html	Generated legacy post output removed from build output.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

This footer paragraph uses inline styling (margin/font-size/color) and an inline style on the Jekyll link. Please move these styles into retro.css classes so they can be reused/overridden cleanly (and to keep HTML focused on structure/content).

Suggested change

	<p style="margin-top: 10px; font-size: 0.8em; color: #AAAAAA;">
	&copy; {{ site.time | date: "%Y" }} {{ site.title | escape }} &mdash;
	Hecho con ❤️ y <a href="https://jekyllrb.com" style="color: #00FF00 !important;">Jekyll</a>
	<p class="footer-meta">
	&copy; {{ site.time | date: "%Y" }} {{ site.title | escape }} &mdash;
	Hecho con ❤️ y <a href="https://jekyllrb.com" class="footer-meta-jekyll-link">Jekyll</a>

[Copilot]

The .blink animation should respect users who prefer reduced motion (and blinking content can be problematic for accessibility). Add a @media (prefers-reduced-motion: reduce) override to disable the animation (and consider reducing/removing the blink effect by default).

Suggested change

	@media (prefers-reduced-motion: reduce) {
	.blink {
	animation: none;
	visibility: visible;
	}
	}

[Copilot]

img sets a border but doesn't constrain image sizing. Large images can overflow the 800px wrapper (or overflow on any future responsive changes). Add max-width: 100% and height: auto to keep images within their container.

Suggested change

	border: 3px ridge #FF00FF;
	border: 3px ridge #FF00FF;
	max-width: 100%;
	height: auto;

[Copilot]

These _site/* HTML files are generated Jekyll build artifacts (and will churn on every build due to timestamps/URLs). Since the repo already has a GitHub Pages build workflow that outputs to ./_site, avoid committing _site and instead add it to .gitignore and remove these files from the PR to keep diffs reviewable and prevent merge conflicts.

[Copilot]

_site/feed.xml is also generated output and includes an <updated> timestamp that will change on each build, causing perpetual noisy diffs. It should be removed from the repo along with the rest of _site/ and regenerated during deployment.

[Copilot]

This layout uses a scrolling <marquee>, which is deprecated and creates significant accessibility issues (no pause/stop control; problematic for motion sensitivity and screen readers). Consider replacing it with a CSS animation that can be disabled via prefers-reduced-motion, and/or provide a non-animated fallback + a user control to pause the animation.

[Copilot]

Inline styles here make the layout harder to maintain/theme (and force overrides to use higher specificity). Please move these presentation concerns into assets/css/retro.css via a dedicated class (e.g., for the centered counter block) instead of style="..." attributes.