master
Bel LaPointe 2019-05-15 13:27:42 -06:00
commit b725a89c7c
3 changed files with 115 additions and 0 deletions

47
public/home.js Normal file
View File

@ -0,0 +1,47 @@
function http(method, remote, callback, body) {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == XMLHttpRequest.DONE) { // XMLHttpRequest.DONE == 4
callback(xmlhttp.responseText, xmlhttp.status)
}
};
xmlhttp.open(method, remote, true);
if (typeof body == "undefined") {
body = null
}
xmlhttp.send(body);
}
function populate_schedule(csv, status_code) {
console.log("status_code", status_code)
csv = csv.split("\n")
var first = true;
var table = "";
for (var i in csv) {
table += "<tr>\n"
i = csv[i].split('","')
for (var j in i) {
j = i[j]
j = j.replace(/(^"|"$)/g, "")
table += first ? "<th>" : "<td>"
table += j
table += first ? "</th>" : "</td>"
}
table += "</tr>\n"
first = false;
}
document.getElementById("schedule").innerHTML = table
}
var cors_anywhere = "https://cors-anywhere.herokuapp.com"
var google_doc_pre = "https://docs.google.com/spreadsheets/d/"
var google_doc_id = "14F7zRrwGT6JkCeZqZLPM2r2GScrm9FLFxlPtDINbNWg"
var google_doc_post = "/gviz/tq?tqx=out:csv"
//"https://www.googleapis.com/drive/v3/files/14F7zRrwGT6JkCeZqZLPM2r2GScrm9FLFxlPtDINbNWg/export?mimeType=text/csv&key=AIzaSyCFIWSe7vBnZ-1KRR9yVMbCPW08oCOHRJI",
http(
"get",
`${cors_anywhere}/${google_doc_pre}/${google_doc_id}/${google_doc_post}`,
populate_schedule,
JSON.stringify({"cc": "cc"}),
)

66
public/index.html Normal file
View File

@ -0,0 +1,66 @@
<html>
<header>
<link rel='stylesheet' href='water.css'>
<script src="home.js"></script>
</header>
<body>
<a href="https://github.com/kognise/water.css">this css</a>
<div id="title">
<h1>Utah Velo Club</h1>
<h4>The club is located in Utah County. Just South of Salt Lake City, Utah!</h4>
</div>
<div id="nav">
</div>
<div id="body">
<h4>Site last Updated: May 10, 2019</h4>
<h4>
<a href="http://www.utahveloclub.com/club_assumption_of_risk.htm">
Please click here to sign the "Assumption of Risk" It is mandatory to sign before you participate in events.
</a>
</h4>
<table>
<tr>
<th><a href="http://bikepeddlerutah.com/">CLUB SPONSORS</a></th>
</tr>
<tr>
<table>
<tr>
<td><a href="http://bikepeddlerutah.com/"><img src="http://utahveloclub.com/2d1aa0e0.jpg"/></a></td>
</tr>
</table>
</tr>
</table>
<p>Utah Velo Club members get a 15% discount on any product in the above link. The discount code is VELO.</p>
<h3><a href="https://www.facebook.com/groups/32919434952/">Join us on Facebook under Utah Velo Club</a></h3>
<p><a href="http://www.wcc.nrcs.usda.gov/nwcc/sntl-datarpt.jsp?site=820&days=7&state=ut">Snow depth at Alpine Loop Summit</a></p>
<h2>EVENTS for the period of May 10 - May 13, 2019</h2>
<table id="schedule">
<!--
<tr>
<th>Date</th>
<th>Day</th>
<th>Time</th>
<th>Route</th>
<th>Start</th>
<th>Notes</th>
</tr>
<tr>
<td>May 11</td>
<td>Sat</td>
<td>9:00 AM</td>
<td>Hobble Creek R & L Forks 86-Mi <a href="https://ridewithgps.com/routes/29835879">Route Map</a></td>
<td>OLD Bike Peddler 24 E Main American Fork</td>
<td>Great way to start the cycling year with good friends! Weather Permitting</td>
</tr>
-->
</table>
<h2>Future Events</h2>
<ul>
<li><a href="http://www.cyclingutah.com/html/roadracingcalendar.html">Weekly Races</a></li>
<li><a href="http://www.cyclingutah.com/html/mtbracingcalendar.html">Mountain Bike Races</a></li>
<li><a href="http://www.cyclingutah.com/html/roadtourscalendar.html">Road Tours, Centuries, etc.</a></li>
</ul>
<p><a href="http://www.trafficfile.com/index.htm">Web Counter by TrafficFile.com</a></p>
</div>
</body>
</html>

2
public/water.css Normal file
View File

@ -0,0 +1,2 @@
@charset "UTF-8";body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.4;max-width:800px;margin:20px auto;padding:0 10px;color:#363636;background:#fff;text-rendering:optimizeLegibility}button,input,textarea{transition:background-color .1s linear,border-color .1s linear,color .1s linear,box-shadow .1s linear,transform .1s ease}h1{font-size:2.2em;margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:12px}h1,h2,h3,h4,h5,h6,strong{color:#000}b,h1,h2,h3,h4,h5,h6,strong,th{font-weight:600}blockquote{border-left:4px solid rgba(0,150,191,.67);margin:1.5em 0;padding:.5em 1em;font-style:italic}blockquote>footer{margin-top:10px;font-style:normal}address,blockquote cite{font-style:normal}a[href^=mailto]:before{content:"📧 "}a[href^=tel]:before{content:"📞 "}a[href^=sms]:before{content:"💬 "}button,input[type=button],input[type=checkbox],input[type=submit]{cursor:pointer}input:not([type=checkbox]):not([type=radio]),select{display:block}button,input,select,textarea{color:#000;background-color:#efefef;font-family:inherit;font-size:inherit;margin-right:6px;margin-bottom:6px;padding:10px;border:none;border-radius:6px;outline:none}button,input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}textarea{margin-right:0;width:100%;box-sizing:border-box;resize:vertical}button,input[type=button],input[type=submit]{padding-right:30px;padding-left:30px}button:hover,input[type=button]:hover,input[type=submit]:hover{background:#ddd}button:focus,input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(0,150,191,.67)}button:active,input[type=button]:active,input[type=checkbox]:active,input[type=radio]:active,input[type=submit]:active{transform:translateY(2px)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.5}::-webkit-input-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}a{text-decoration:none;color:#0076d1}a:hover{text-decoration:underline}code,kbd{background:#efefef;color:#000;padding:5px;border-radius:6px}pre>code{padding:10px;display:block;overflow-x:auto}img{max-width:100%}hr{border:none;border-top:1px solid #dbdbdb}table{border-collapse:collapse;margin-bottom:10px;width:100%}td,th{padding:6px;text-align:left}th{border-bottom:1px solid #dbdbdb}tbody tr:nth-child(2n){background-color:#efefef}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}
/*# sourceMappingURL=light.min.css.map */