Commit 13453c66 authored by jkerr's avatar jkerr
Browse files

Added form, image and some text

parent c5727393
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="cccfd40b-d5c2-4431-bcfd-f34d25764049" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/._campsites.json" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/campsites.json" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/reviews.json" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/style/style.css" beforeDir="false" afterPath="$PROJECT_DIR$/style/style.css" afterDir="false" />
</list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="ComposerSettings">
<execution>
<executable />
</execution>
</component>
<component name="DockManager">
<window id="2">
<content type="file-editors">
<state>
<leaf>
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/style/style.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="568">
<caret line="68" column="15" selection-start-line="68" selection-start-column="15" selection-end-line="68" selection-end-column="15" />
</state>
</provider>
</entry>
</file>
</leaf>
</state>
</content>
</window>
</component>
<component name="FileEditorManager">
<leaf>
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="402">
<caret line="27" column="16" selection-start-line="27" selection-start-column="16" selection-end-line="27" selection-end-column="16" />
</state>
</provider>
</entry>
</file>
</leaf>
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/index.html" />
<option value="$PROJECT_DIR$/style/style.css" />
</list>
</option>
</component>
<component name="ProjectFrameBounds">
<option name="x" value="625" />
<option name="y" value="23" />
<option name="width" value="1520" />
<option name="width" value="978" />
<option name="height" value="1347" />
</component>
<component name="ProjectView">
<navigator proportions="" version="1">
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="ProjectPane">
<subPane>
<expand>
<path>
<item name="assignment-1" type="b2602c69:ProjectViewProjectNode" />
<item name="assignment-1" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="assignment-1" type="b2602c69:ProjectViewProjectNode" />
<item name="assignment-1" type="462c0819:PsiDirectoryNode" />
<item name="data" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="assignment-1" type="b2602c69:ProjectViewProjectNode" />
<item name="assignment-1" type="462c0819:PsiDirectoryNode" />
<item name="style" type="462c0819:PsiDirectoryNode" />
</path>
</expand>
<select />
</subPane>
</pane>
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
<property name="SHARE_PROJECT_CONFIGURATION_FILES" value="true" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="node.js.detected.package.eslint" value="true" />
<property name="node.js.detected.package.tslint" value="true" />
<property name="node.js.path.for.package.eslint" value="project" />
<property name="node.js.path.for.package.tslint" value="project" />
<property name="node.js.selected.package.eslint" value="(autodetect)" />
<property name="node.js.selected.package.tslint" value="(autodetect)" />
</component>
<component name="RecentsManager">
<key name="MoveFile.RECENT_KEYS">
<recent name="$PROJECT_DIR$" />
</key>
</component>
<component name="RunDashboard">
<option name="ruleStates">
<list>
<RuleState>
<option name="name" value="ConfigurationTypeDashboardGroupingRule" />
</RuleState>
<RuleState>
<option name="name" value="StatusDashboardGroupingRule" />
</RuleState>
</list>
</option>
</component>
<component name="SvnConfiguration">
<configuration />
</component>
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="cccfd40b-d5c2-4431-bcfd-f34d25764049" name="Default Changelist" comment="" />
<created>1565679156857</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1565679156857</updated>
<workItem from="1565679158954" duration="177000" />
<workItem from="1565755309208" duration="4358000" />
</task>
<task id="LOCAL-00001" summary="First Commit">
<created>1565679239864</created>
<option name="number" value="00001" />
<option name="presentableId" value="LOCAL-00001" />
<option name="project" value="LOCAL" />
<updated>1565679239864</updated>
</task>
<option name="localTasksCounter" value="2" />
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="4535000" />
</component>
<component name="ToolWindowManager">
<frame x="0" y="23" width="978" height="1347" extended-state="0" />
<editor active="true" />
<layout>
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.032051284" />
<window_info id="Structure" order="1" side_tool="true" weight="0.25" />
<window_info id="Favorites" order="2" side_tool="true" />
<window_info anchor="bottom" id="Message" order="0" />
<window_info anchor="bottom" id="Find" order="1" />
<window_info anchor="bottom" id="Run" order="2" />
<window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
<window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
<window_info anchor="bottom" id="TODO" order="6" />
<window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
<window_info anchor="bottom" id="Database Changes" order="8" />
<window_info anchor="bottom" id="Version Control" order="9" visible="true" weight="0.32988048" />
<window_info anchor="bottom" id="Terminal" order="10" />
<window_info anchor="bottom" id="Event Log" order="11" side_tool="true" />
<window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
<window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
<window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
<window_info anchor="right" id="Database" order="3" />
</layout>
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="1" />
</component>
<component name="VcsManagerConfiguration">
<MESSAGE value="First Commit" />
<option name="LAST_COMMIT_MESSAGE" value="First Commit" />
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/data/bookings.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-570">
<caret line="5" selection-start-line="5" selection-end-line="6" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="402">
<caret line="27" column="16" selection-start-line="27" selection-start-column="16" selection-end-line="27" selection-end-column="16" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/style/style.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="568">
<caret line="68" column="15" selection-start-line="68" selection-start-column="15" selection-end-line="68" selection-end-column="15" />
</state>
</provider>
</entry>
</component>
</project>
\ No newline at end of file
{
"campSites": {
"site": [
{
"number": "101",
"siteType": "Tent",
"description": "Tent site.",
"pricePerNight": "40.0"
},
{
"number": "102",
"siteType": "Tent",
"description": "tent site.",
"pricePerNight": "40.0"
},
{
"number": "201",
"siteType": "Tent",
"description": "Tent site",
"pricePerNight": "40.0"
},
{
"number": "202",
"siteType": "Tent",
"description": "tent site",
"pricePerNight": "40.0"
},
{
"number": "203",
"siteType": "Cabin",
"description": "Cabin",
"pricePerNight": "195.00"
},
{
"number": "204",
"siteType": "Cabin",
"description": "Cabin",
"pricePerNight": "80.0"
},
{
"number": "205",
"siteType": "Cabin",
"description": "Cabin",
"pricePerNight": "80.0"
},
{
"number": "301",
"siteType": "Cabin",
"description": "Cabin",
"pricePerNight": "90.0"
},
{
"number": "302",
"siteType": "Van",
"description": "Van",
"pricePerNight": "60.0"
},
{
"number": "303",
"siteType": "Van",
"description": "Van.",
"pricePerNight": "60.0"
}
]
}
}
......@@ -11,16 +11,30 @@
</header>
<main>
<section>
<section id="bookingTypes">
<div>
<h2>Book Cabin</h2>
<h2>Book Van Site</h2>
<h2>Book Tent Site</h2>
<h2 id="cabinButton">Book Cabin</h2>
<h2 id="vanButton">Book Van Site</h2>
<h2 id="tentButton">Book Tent Site</h2>
</div>
</section>
<p>TextText</p>
<section id="info">
<h2>Our Cabins:</h2>
<p>All of our cabins include great views, comfortable beds, and best of all hot showers.
If you are looking for a more comfortable camping experience, our luxury cabins are for you.</p>
</section>
<section id="book">
<h2>Book a Cabin:</h2>
<form>
<input id="name" name="name" type="text"><label for="name">Full Name</label>
<input id="checkIn" name="checkIn" type="date"><label for="checkIn">Check In Date</label>
<input id="checkOut" name="checkIn" type="date"><label for="checkOut">Check Out Date</label>
<input id="submit" name="submit" type="submit">
</form>
</section>
<figure alt="A picture of one of our fantastic cabins"><img src="images/cabin.jpg"></figure>
</section>
</main>
......
[
{
"title": "Great Campsite",
"author": "Test User",
"reviewcontent": "Great Campsite, I would come back and recommend this location."
},
{
"title": "Nice and quite campsite",
"author": "Test User2",
"reviewcontent": "Nice campsite in quiet neighborhood."
},
{
"title": "Close to the beach",
"author": "Test User3",
"reviewcontent": "Nice and close to the beach. I recommend this location."
}
]
......@@ -65,16 +65,24 @@ header h1 {
main section {
/* Position */
overflow: hidden;
width: 90%;
margin: auto; /*MULTIPLE MARGIN DECLARATIONS, COULD IMPROVE*/
padding: 0 0 20px;
width: auto;
margin: 20px 50px 20px 50px; /*MULTIPLE MARGIN DECLARATIONS, COULD IMPROVE*/
margin-top: 20px;
margin-bottom: 20px;
border: solid 2px;
/* Styling */
font-family: Opensans, arial;
font-family: Opensans, serif;
background-color: var(--lightblue);
}
h2 {
/*Position*/
margin: 0;
/*Style*/
font-family: Quicksand, serif;
text-align: center;
}
/* Booking Section */
main #bookingTypes {
overflow: hidden;
......@@ -90,25 +98,54 @@ main #bookingTypes h2 {
/* Position */
width: 190px;
border: solid var(--black) 1px;
margin: 10px 20px 10px 0px;
margin: 10px 20px 10px 0;
padding: 5px;
float: left;
/* Style */
text-align: center;
background-color: var(--lightblue);
color: var(--white);
font-family: Quicksand;
font-family: Quicksand, serif;
font-size: 20pt;
}
main #bookingTypes div h2:last-child { /*NEED TO MAKE WORK*/
margin-right: 0;
}
/* Site Specific Styling */
#siteSpecific {
/*Position*/
border: solid 1px;
margin: 20px;
/*Style*/
}
#book {
width: 30%;
float: left;
margin: 0 20px 0 50px;
}
#book form {
float: left;
}
#book input {
float: right;
width: 60%;
}
#book label {
width: auto;
text-align: right;
float: right;
}
/* ======== Styling ======== */
img {
border: solid 1px;
width: 60%;
float: right;
margin: 0 10px 0 0;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment