This commit is contained in:
Chris Bell 2024-11-12 22:34:51 -06:00
commit 95ec4d6927
10 changed files with 281 additions and 0 deletions

5
.idea/.gitignore vendored Normal file
View File

@ -0,0 +1,5 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/

8
.idea/modules.xml Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/prototype.iml" filepath="$PROJECT_DIR$/.idea/prototype.iml" />
</modules>
</component>
</project>

12
.idea/prototype.iml Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

26
faqs.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQs - Island of Taniti</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<img src="icons/island.svg" />
<p>ISLAND OF TANITI</p>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="food-and-attractions.html">FOOD & ATTRACTIONS</a></li>
<li><a href="lodging.html">LODGING</a></li>
<li><a href="transportation.html">TRANSPORTATION</a></li>
<li><a href="faqs.html">FAQs</a></li>
</ul>
</header>
<div id="content">
</div>
</body>
</html>

26
food-and-attractions.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Food & Attractions - Island of Taniti</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<img src="icons/island.svg" />
<p>ISLAND OF TANITI</p>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="food-and-attractions.html">FOOD & ATTRACTIONS</a></li>
<li><a href="lodging.html">LODGING</a></li>
<li><a href="transportation.html">TRANSPORTATION</a></li>
<li><a href="faqs.html">FAQs</a></li>
</ul>
</header>
<div id="content">
</div>
</body>
</html>

34
icons/island.svg Normal file
View File

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 455 455" xml:space="preserve">
<g>
<path d="M418.228,343.724c-6.508,4.348-10.436,6.973-20.106,6.973s-13.822-2.774-20.106-6.973
c-5.568-3.72-12.089-8.066-21.831-10.38c-8.548-39.163-55.22-69.92-113.683-74.462V84.855
c23.946,6.592,41.592,28.547,41.592,54.559h30c0-28.366-13.71-53.589-34.851-69.393c14.009,2.427,27.127,10.074,36.124,22.457
l24.271-17.634c-16.673-22.948-42.591-35.296-68.984-35.655c12.76-6.271,27.868-7.796,42.424-3.066l9.271-28.531
c-22.013-7.153-45.48-5.311-66.078,5.185c-11.382,5.799-21.13,13.869-28.791,23.635c-21.817-27.68-59.397-40.329-94.823-28.82
l9.271,28.532c14.557-4.731,29.666-3.206,42.427,3.066c-26.394,0.358-52.313,12.705-68.986,35.655l24.271,17.634
c8.997-12.384,22.116-20.032,36.126-22.458c-21.142,15.804-34.853,41.028-34.853,69.394h30c0-26.012,17.646-47.967,41.592-54.559
v174.027c-58.462,4.542-105.134,35.298-113.683,74.459c-9.748,2.313-16.272,6.661-21.841,10.383
c-6.508,4.348-10.436,6.972-20.104,6.972c-9.668,0-13.596-2.625-20.103-6.972c-8.02-5.359-18.001-12.028-36.77-12.028v30
c9.668,0,13.596,2.625,20.103,6.972c8.02,5.359,18.001,12.028,36.77,12.028c18.769,0,28.75-6.669,36.771-12.028
c6.508-4.348,10.436-6.972,20.104-6.972s13.596,2.625,20.104,6.972c8.021,5.359,18.002,12.028,36.771,12.028
c18.768,0,28.75-6.669,36.77-12.028c6.507-4.348,10.435-6.972,20.102-6.972c9.669,0,13.597,2.625,20.104,6.972
c8.02,5.359,18.001,12.028,36.77,12.028c18.769,0,28.75-6.669,36.771-12.028c6.508-4.348,10.436-6.972,20.105-6.972
c9.67,0,13.822,2.774,20.107,6.973c8.021,5.358,18.002,12.027,36.772,12.027c18.769,0,28.751-6.669,36.771-12.027
c6.285-4.199,10.437-6.973,20.107-6.973v-30C436.23,331.697,426.249,338.365,418.228,343.724z"/>
<path d="M398.122,421.697c-9.67,0-13.822-2.774-20.106-6.973c-8.021-5.358-18.003-12.027-36.772-12.027
c-18.769,0-28.75,6.669-36.771,12.028c-6.508,4.348-10.436,6.972-20.105,6.972c-9.668,0-13.596-2.625-20.104-6.972
c-8.02-5.359-18.001-12.028-36.771-12.028c-18.768,0-28.749,6.669-36.769,12.028c-6.507,4.348-10.435,6.972-20.103,6.972
c-9.668,0-13.596-2.625-20.104-6.972c-8.02-5.359-18.001-12.028-36.77-12.028s-28.75,6.669-36.77,12.028
c-6.508,4.348-10.436,6.972-20.104,6.972c-9.668,0-13.596-2.625-20.103-6.972c-8.02-5.359-18.001-12.028-36.77-12.028v30
c9.668,0,13.596,2.625,20.103,6.972c8.02,5.359,18.001,12.028,36.77,12.028c18.769,0,28.75-6.669,36.771-12.028
c6.508-4.348,10.436-6.972,20.104-6.972s13.596,2.625,20.104,6.972c8.021,5.359,18.002,12.028,36.771,12.028
c18.768,0,28.75-6.669,36.77-12.028c6.507-4.348,10.435-6.972,20.102-6.972c9.669,0,13.597,2.625,20.104,6.972
c8.02,5.359,18.001,12.028,36.77,12.028c18.769,0,28.75-6.669,36.771-12.028c6.508-4.348,10.436-6.972,20.105-6.972
c9.67,0,13.822,2.774,20.107,6.973c8.021,5.358,18.002,12.027,36.772,12.027c18.769,0,28.751-6.669,36.771-12.027
c6.285-4.199,10.437-6.973,20.107-6.973v-30c-18.77,0-28.751,6.669-36.772,12.027C411.72,419.072,407.792,421.697,398.122,421.697z
"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.2 KiB

27
index.html Normal file
View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Island of Taniti</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<img src="icons/island.svg" />
<p>ISLAND OF TANITI</p>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="food-and-attractions.html">FOOD & ATTRACTIONS</a></li>
<li><a href="lodging.html">LODGING</a></li>
<li><a href="transportation.html">TRANSPORTATION</a></li>
<li><a href="faqs.html">FAQs</a></li>
</ul>
</header>
<div id="content">
<h1>Welcome to Paradise</h1>
<p>Taniti is a small, tropical island in the Pacific. While the island has an area of less than 500 square miles, the terrain is varied and includes both sandy and rocky beaches, a small but safe harbor, lush tropical rainforests, and a mountainous interior that includes a small, active volcano. Taniti has an indigenous population of about 20,000. Until a recent increase in tourism, most the Tanitian economy was dominated by fishing or agriculture.</p>
</div>
</body>
</html>

26
lodging.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lodging - Island of Taniti</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<img src="icons/island.svg" />
<p>ISLAND OF TANITI</p>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="food-and-attractions.html">FOOD & ATTRACTIONS</a></li>
<li><a href="lodging.html">LODGING</a></li>
<li><a href="transportation.html">TRANSPORTATION</a></li>
<li><a href="faqs.html">FAQs</a></li>
</ul>
</header>
<div id="content">
</div>
</body>
</html>

91
styles.css Normal file
View File

@ -0,0 +1,91 @@
/* styles.css */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "DejaVu Serif", sans-serif;
}
body {
color: #232323ff;
display: flex;
flex-direction: column;
background-color: #9c9c89ff;
}
header {
background-color: #9a9a66ff;
color: white;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
header ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
width: 48%;
justify-content: right;
}
header ul li {
padding: 0 10px;
}
header ul li a {
text-decoration: none;
color: white;
transition: color 0.3s ease-in-out;
}
header ul li a:hover {
transition: color 0.3s ease-in-out;
color: #232323ff;
}
header p {
display: flex;
justify-content: left;
font-size: large;
width: 48%;
}
header img {
display: flex;
width: 2%;
margin-right: 2%;
}
#content {
display: flex;
align-items: flex-start;
flex-direction: column;
width: 90%;
height: 100vh;
margin: auto;
background-color: #d4d4bcff;
padding: 1%;
}
#content h1 {
justify-content: center;
text-align: center;
width: 100%;
margin: 1%;
}
#content p {
margin: 1%;
}
#content a {
color: #669a87ff;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
}

26
transportation.html Normal file
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Transportation - Island of Taniti</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<img src="icons/island.svg" />
<p>ISLAND OF TANITI</p>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="food-and-attractions.html">FOOD & ATTRACTIONS</a></li>
<li><a href="lodging.html">LODGING</a></li>
<li><a href="transportation.html">TRANSPORTATION</a></li>
<li><a href="faqs.html">FAQs</a></li>
</ul>
</header>
<div id="content">
</div>
</body>
</html>