-
Notifications
You must be signed in to change notification settings - Fork 2
/
Index.cshtml
88 lines (73 loc) · 5.04 KB
/
Index.cshtml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
@{
Layout = "_Layout";
}
<body>
<div class="container">
<header>
<h1 id="locationTitle">SHORT SANDS</h1>
</header>
</div>
<div class="photobanner">
<img class="first" src="../img/shortSands/shortSands.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands7.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands1.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands5.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands6.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands8.jpg" alt="Short Sands Beach" height="225px" />
<!-- <img src="../img/shortSands/shortSands9.jpg" alt="Short Sands Beach" height="225px" /> -->
<img src="../img/shortSands/shortSands10.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands3.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands4.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands7.jpg" alt="Short Sands Beach" height="225px" />
<img src="../img/shortSands/shortSands1.jpg" alt="Short Sands Beach" height="225px" />
</div>
<!-- weather -->
<div class="container"
<header id="weather"> <a class="weatherwidget-io" href="https://forecast7.com/en/45d72n123d89/nehalem/?unit=us" data-label_1="NEHALEM" data-label_2="WEATHER" data-theme="original" >NEHALEM WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
</header>
</div>
<!-- widgets -->
<div class="container">
<div id="locationGrid" class="grid">
<figure id="swell" class="locationGridBox">
<!-- <figcaption1>
<p>SWELL GRAPH</p>
</figcaption1> -->
<div style="width:100px;background:#fff"><script type="text/javascript" src="http://magicseaweed.com/syndicate/index.php?licenseKey=1558480820_74327"></script><p><div style="font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:10px;color:#000;height:25px;"><a href="http://magicseaweed.com/Oregon-Surf-Forecast/15/" style="color:#000;"></a></div></p></div>
</figure>
<figure id="swell" class="locationGridBox">
<div style="width:100px;background:#fff"><script type="text/javascript" src="http://magicseaweed.com/syndicate/index.php?licenseKey=1558481015_14013"></script><p><div style="font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:10px;color:#000;height:25px;"><a href="http://magicseaweed.com/Smugglers-Cove-Surf-Report/314/" style="color:#000;"></a></div></p></div>
</figure>
<figure id="tides" class="locationGridBox">
<script src="//tides.tidegraph.com/api/tidegraph.php?bg=white&scale=0.75&color=black&lat=45.7698&lng=-123.9591"></script>
</figure>
</div>
</div>
<div class="description">
<p><ol>Spot guide for Smugglers Cove</ol></p>
<p><ul>Accessibility: This is the closest spot from Portland. Free parking at trailhead to short sand beach. </ul></p>
<p><ul>Vibe: Surfers who frequent shorties are a varied bunch, but generally not competitive and very friendly. Localism is nonexistent.</ul></p>
<p><ul>Crowd Factor: This is the busiest beach on the Oregon coast. Beginner flotsam often covers the shoreline. </ul></p>
<p><ul>Skill Level: This beach break is best for beginner to intermediate level surfers. Any swell over six feet does not work well here. </ul></p>
</div>
<div class="container">
<div id="commentGrid" class="grid">
<figure>
<figcaption1 id="linkToForm">
<button style="btn btn-dark"<a href='/shortSands/user/new'>ARE YOU AT SHORT SANDS RIGHT NOW?<br>
CLICK HERE ADD YOUR OWN WEATHER/WAVE OBSERVATIONS!</a></button>
</figcaption1>
</figure>
<figure id="commentsDisplay" class="commentGridBox">
<figcaption1>
<p id="commentTitle">USER'S COMMENTS ON CURRENT CONDITIONS:</p>
<p>user name</p>
<p>the beach is packed today and the Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br>
...............................................................................................................................................................................</p>
</figure>
</div>
</div>
</body>