Changes
This commit is contained in:
parent
d89e59d47b
commit
3be0a74e2e
26
games.html
26
games.html
@ -30,13 +30,27 @@
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games Featuring Blupi</a></li>
|
||||
<li><a href="games.html">Games and apps</a></li>
|
||||
<li><a href="websites.html">Websites</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<hr>
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<!-- Combined Breadcrumb and Hierarchical Navigation Panel -->
|
||||
<div id="breadcrumb_hierarchy_panel">
|
||||
<div id="breadcrumb">
|
||||
<a href="index.html">Home</a> >
|
||||
<a href="blupi.html">Blupi</a> >
|
||||
<span>History, Evolution, and Open-Source Projects</span>
|
||||
</div>
|
||||
<div id="hierarchy_panel">
|
||||
<a href="blupi.html">Back to Blupi Overview</a>
|
||||
<a href="blupi-games.html">Games Featuring Blupi</a>
|
||||
<a href="blupi-evolution.html">Blupi's Evolution Over the Years</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<p>Welcome to our comprehensive list of games featuring Blupi, also known as Speedy Eggbert. Created by Daniel Roux, these games span various genres including educational, puzzle, and strategy. This collection showcases the diversity and charm of Blupi games, highlighting the creativity and innovation behind each title.</p>
|
||||
@ -76,8 +90,8 @@
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2024 Robert Vokáč. This website is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener noreferrer">Creative Commons Attribution-ShareAlike 4.0 International License</a>. All rights reserved.</p>
|
||||
</footer>
|
||||
<footer>
|
||||
<p>Content is available under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener noreferrer">Creative Commons Attribution-ShareAlike 4.0 International License</a> unless otherwise noted.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
28
index.html
28
index.html
@ -34,13 +34,27 @@
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games Featuring Blupi</a></li>
|
||||
<li><a href="websites.html">Related Websites</a></li>
|
||||
<li><a href="games.html">Games and apps</a></li>
|
||||
<li><a href="websites.html">Websites</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<hr>
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<!-- Combined Breadcrumb and Hierarchical Navigation Panel -->
|
||||
<div id="breadcrumb_hierarchy_panel">
|
||||
<div id="breadcrumb">
|
||||
<a href="index.html">Home</a> >
|
||||
<a href="blupi.html">Blupi</a> >
|
||||
<span>History, Evolution, and Open-Source Projects</span>
|
||||
</div>
|
||||
<div id="hierarchy_panel">
|
||||
<a href="blupi.html">Back to Blupi Overview</a>
|
||||
<a href="blupi-games.html">Games Featuring Blupi</a>
|
||||
<a href="blupi-evolution.html">Blupi's Evolution Over the Years</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<h2>Who is Blupi?</h2>
|
||||
@ -75,8 +89,8 @@
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2024 Robert Vokáč. This website is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener noreferrer">Creative Commons Attribution-ShareAlike 4.0 International License</a>. All rights reserved.</p>
|
||||
</footer>
|
||||
<footer>
|
||||
<p>Content is available under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener noreferrer">Creative Commons Attribution-ShareAlike 4.0 International License</a> unless otherwise noted.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
75
styles.css
75
styles.css
@ -5,27 +5,79 @@ body {
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Modern and readable font */
|
||||
color: #333; /* Dark gray text color for good contrast */
|
||||
line-height: 1.6; /* Improved text readability */
|
||||
margin: 0;
|
||||
margin: auto;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
/* Style for the main banner */
|
||||
#main_banner {
|
||||
background-color: #ffeb3b; /* Light yellow for a prominent banner */
|
||||
margin: 0;
|
||||
padding: 20px; /* More space for better appearance */
|
||||
padding: 15px; /* More space for better appearance */
|
||||
text-align: center; /* Center text */
|
||||
border-radius: 12px; /* Rounded corners for a modern look */
|
||||
border-top-left-radius: 12px; /* Rounded corners for a modern look */
|
||||
border-top-right-radius: 12px; /* Rounded corners for a modern look */
|
||||
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,0.2); /* Soft shadow for emphasis */
|
||||
font-size: 2em; /* Increased font size for importance */
|
||||
font-weight: bold; /* Highlight text */
|
||||
color: #333; /* Dark gray text color for contrast */
|
||||
}
|
||||
|
||||
/* Combined Breadcrumb and Hierarchical Navigation Panel */
|
||||
#breadcrumb_hierarchy_panel {
|
||||
padding: 10px;
|
||||
background-color: #ffffff; /* Light yellow background */
|
||||
font-size: 0.9em;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 8px; /* Rounded corners for a modern look */
|
||||
font-weight: normal;
|
||||
border: 0px solid #ffa967;
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,0.2); /* Soft shadow for emphasis */
|
||||
}
|
||||
|
||||
#breadcrumb_hierarchy_panel a {
|
||||
color: #f57f17; /* Dark yellow color for links */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#breadcrumb_hierarchy_panel a:hover {
|
||||
text-decoration: underline;
|
||||
color: #e65100; /* Darker yellow color on hover */
|
||||
}
|
||||
|
||||
#breadcrumb_hierarchy_panel span {
|
||||
color: #795548; /* Brown color for the current page */
|
||||
}
|
||||
|
||||
/* Hierarchical Navigation Panel */
|
||||
#hierarchy_panel {
|
||||
display: inline-block; /* Inline layout */
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#hierarchy_panel a {
|
||||
color: #f57f17; /* Dark yellow color for links */
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#hierarchy_panel a:hover {
|
||||
text-decoration: underline;
|
||||
color: #e65100; /* Darker yellow color on hover */
|
||||
}
|
||||
|
||||
#hierarchy_panel a + a::before {
|
||||
content: "|";
|
||||
color: #f57f17; /* Dark yellow color for separators */
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
/* Style for navigation menu */
|
||||
nav {
|
||||
padding: 15px;
|
||||
background-color: #fff3e0; /* Light orange background for navigation */
|
||||
border-radius: 8px; /* Rounded corners for a modern look */
|
||||
border-bottom-left-radius: 8px; /* Rounded corners for a modern look */
|
||||
border-bottom-right-radius: 8px; /* Rounded corners for a modern look */
|
||||
border-bottom: 3px solid #ffca28; /* Light yellow bottom border */
|
||||
margin-bottom: 20px; /* Space below navigation */
|
||||
box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Soft shadow for separation */
|
||||
@ -87,8 +139,21 @@ footer {
|
||||
color: #333; /* Dark gray text color for contrast */
|
||||
}
|
||||
|
||||
/* Responsive design for navigation menu on small screens */
|
||||
/* Responsive design for navigation menu and banner on small screens */
|
||||
@media (max-width: 768px) {
|
||||
#main_banner {
|
||||
font-size: 1.5em; /* Smaller font size for the banner on smaller screens */
|
||||
padding: 10px; /* Reduce padding for better fit */
|
||||
}
|
||||
|
||||
nav {
|
||||
padding: 10px; /* Reduce padding for navigation on smaller screens */
|
||||
}
|
||||
|
||||
nav a {
|
||||
font-size: 0.9em; /* Smaller font size for navigation links */
|
||||
}
|
||||
|
||||
nav ul {
|
||||
flex-direction: column; /* Stack list items vertically on smaller screens */
|
||||
align-items: center; /* Center align list items */
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Blupi: Comprehensive List of Websites Related to the Iconic Character</title>
|
||||
<title>Blupi: Comprehensive List of related Websites</title>
|
||||
<meta name="description" content="Explore a comprehensive list of websites related to Blupi, also known as Speedy Eggbert. Discover fan sites, official pages, and valuable resources about this iconic platformer game character created by Daniel Roux." />
|
||||
<meta name="keywords" content="Blupi, Speedy Blupi, Speedy Eggbert, Open Eggbert, Blupi fan sites, Blupi resources, platformer games, game character, Daniel Roux, Epsitec" />
|
||||
<meta name="author" content="Robert Vokáč">
|
||||
@ -26,22 +26,36 @@
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1 id="main_banner">Blupi: Comprehensive List of Websites Related to the Iconic Character</h1>
|
||||
<h1 id="main_banner">Blupi: Comprehensive List of related Websites</h1>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games Featuring Blupi</a></li>
|
||||
<li><a href="games.html">Games and apps</a></li>
|
||||
<li><a href="websites.html">Websites</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<hr>
|
||||
|
||||
</header>
|
||||
|
||||
|
||||
<!-- Combined Breadcrumb and Hierarchical Navigation Panel -->
|
||||
<div id="breadcrumb_hierarchy_panel">
|
||||
<div id="breadcrumb">
|
||||
<a href="index.html">Home</a> >
|
||||
<a href="blupi.html">Blupi</a> >
|
||||
<span>History, Evolution, and Open-Source Projects</span>
|
||||
</div>
|
||||
<div id="hierarchy_panel">
|
||||
<a href="blupi.html">Back to Blupi Overview</a>
|
||||
<a href="blupi-games.html">Games Featuring Blupi</a>
|
||||
<a href="blupi-evolution.html">Blupi's Evolution Over the Years</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<h2>Related Websites</h2>
|
||||
<p>Discover a curated list of websites related to Blupi, also known as Speedy Eggbert. These resources include fan sites, official pages, and other valuable information about this beloved platformer game character created by Daniel Roux:</p>
|
||||
<ul>
|
||||
<ol>
|
||||
<li><a href="https://openeggbert.com" target="_blank" rel="noopener noreferrer">Open Eggbert Official Page</a> - The official site for the open-source reimplementation of Speedy Blupi, offering updates, downloads, and project details.</li>
|
||||
<li><a href="https://speedy-blupi.fandom.com" target="_blank" rel="noopener noreferrer">Speedy Blupi Fandom</a> - A fan-driven site featuring detailed information, fan art, and discussions about Speedy Blupi.</li>
|
||||
<li><a href="https://blupi.fandom.com" target="_blank" rel="noopener noreferrer">Blupi Fandom Wiki</a> - A comprehensive wiki dedicated to Blupi, covering its history, games, and related content.</li>
|
||||
@ -501,12 +515,12 @@
|
||||
<li><a href="https://zarkonnen.github.io/SwissGamesShowcase/speedyeggbert.html">https://zarkonnen.github.io/SwissGamesShowcase/speedyeggbert.html</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</ol>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2024 Robert Vokáč. This website is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener noreferrer">Creative Commons Attribution-ShareAlike 4.0 International License</a>. All rights reserved.</p>
|
||||
</footer>
|
||||
<footer>
|
||||
<p>Content is available under <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank" rel="noopener noreferrer">Creative Commons Attribution-ShareAlike 4.0 International License</a> unless otherwise noted.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user