one file
Bel LaPointe
parent
45e70e9854
commit
b3f8025dad
|
|
@ -1,47 +0,0 @@
|
|||
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"}),
|
||||
)
|
||||
|
|
@ -1,18 +1,8 @@
|
|||
<html>
|
||||
<header>
|
||||
<link rel='stylesheet' href='light.css'>
|
||||
<link rel='stylesheet' href='uvc.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>
|
||||
<table><tr>
|
||||
<td id="nav" style="width:150px; vertical-align: top;">
|
||||
<br><a href="http://www.utahveloclub.com/club_membership_request2017.htm">Request for Club Membership</a>
|
||||
<td id="nav">
|
||||
<a href="http://www.utahveloclub.com/club_membership_request2017.htm">Request for Club Membership</a>
|
||||
<br><a href="http://www.utahveloclub.com/club_assumption_of_risk.htm">Assumption of Risk</a></li>
|
||||
<br><a href="http://utahveloclub.com/id18.htm">About the Club</a>
|
||||
<br><a href="http://bikepeddlerutah.com/blog/">Mountain Biking</a>
|
||||
|
|
@ -29,6 +19,10 @@
|
|||
<br><a href="http://utahveloclub.com/id30.htm">Cycling Links</a>
|
||||
</td>
|
||||
<td id="body">
|
||||
<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>
|
||||
<h4>Site last Updated: May 10, 2019</h4>
|
||||
</div>
|
||||
|
|
@ -71,4 +65,69 @@
|
|||
</td>
|
||||
</tr></table>
|
||||
</body>
|
||||
<head>
|
||||
<script>
|
||||
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"
|
||||
|
||||
http(
|
||||
"get",
|
||||
`${cors_anywhere}/${google_doc_pre}/${google_doc_id}/${google_doc_post}`,
|
||||
populate_schedule,
|
||||
JSON.stringify({"cc": "cc"}),
|
||||
)
|
||||
</script>
|
||||
<style>
|
||||
#nav
|
||||
{
|
||||
width: 150px;
|
||||
vertical-align: top;
|
||||
background-color: #990000;
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
}
|
||||
#nav > a
|
||||
{
|
||||
color: #fff;
|
||||
}
|
||||
@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 #700;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 #700}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}::-moz-placeholder{color:#949494}:-ms-input-placeholder{color:#949494}::-ms-input-placeholder{color:#949494}::placeholder{color:#949494}a{text-decoration:none;color:#900}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%;height:auto}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}::-moz-selection{background-color:#9e9e9e}::selection{background-color:#9e9e9e}
|
||||
</style>
|
||||
</head>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1 +0,0 @@
|
|||
../private/water.css/dist/light.css
|
||||
|
|
@ -1 +0,0 @@
|
|||
../private/water.css/dist/uvc.css
|
||||
Loading…
Reference in New Issue