mirror of
https://github.com/shadoll/p9o.git
synced 2025-12-20 03:26:51 +00:00
Add multilingual support with Ukrainian flag and phrases
- Created Ukrainian flag SVG file. - Developed index.html to include structure for language switching. - Implemented script.js for managing language phrases and automatic switching. - Styled the application with style.css for a cohesive design and responsive layout.
This commit is contained in:
36
index.html
Normal file
36
index.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Omnia Possibilia</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&subset=cyrillic,latin&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="progress-bar">
|
||||
<div class="progress-line"></div>
|
||||
</div>
|
||||
<div class="flag-container">
|
||||
<div id="flag-background-1" class="flag-background active"></div>
|
||||
<div id="flag-background-2" class="flag-background"></div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="quote">
|
||||
<p id="phrase"></p>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p>Developed by sHa</p>
|
||||
<div class="lang-controls">
|
||||
<span id="current-lang-name">Latin</span>
|
||||
<button id="next-lang-btn" aria-label="Next language">⏭︎</button>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user