Commit a1239f14 authored by marudor's avatar marudor

layout

parent e01d16ba
......@@ -8,9 +8,9 @@ var _httpreq = require('httpreq');
var _httpreq2 = _interopRequireDefault(_httpreq);
var _ica = require('ica.js');
var _ical = require('ical.js');
var _ica2 = _interopRequireDefault(_ica);
var _ical2 = _interopRequireDefault(_ical);
var _mustache = require('mustache');
......@@ -32,8 +32,8 @@ const TZOFFSET = new _time2.default.Date().getTimezoneOffset() * 60;
function getData(count, cb) {
_httpreq2.default.get(URL, (err, res) => {
const ics = res.body.replace(/[0-9]{8}T[0-9]{6}/g, '$&Z');
const cal = new _ica2.default.Component(_ica2.default.parse(ics));
const rawEvents = cal.getAllSubcomponents('vevent').map(raw => new _ica2.default.Event(raw));
const cal = new _ical2.default.Component(_ical2.default.parse(ics));
const rawEvents = cal.getAllSubcomponents('vevent').map(raw => new _ical2.default.Event(raw));
const events = [];
const p = function (p) {
return ev.component.getFirstPropertyValue(p);
......
This diff is collapsed.
html {
margin: 0px;
height: 100vh;
margin: 0px;
height: 100vh;
}
body {
display: flex;
flex-wrap: wrap;
margin: 0px;
padding: 0px;
max-width: 100%;
border: none;
height: 100vh;
flex-direction: column;
margin: 0px;
padding: 0px;
max-width: 100%;
border: none;
height: 100vh;
}
body > div {
#border: 1px solid;
overflow: hidden;
#border: 1px solid;
overflow: hidden;
}
body > div > div {
overflow: hidden;
}
#irc p {
margin: 0px;
line-height: 120%;
padding-left: 1em;
margin: 0px;
line-height: 120%;
padding-left: 1em;
}
h2 {
margin: 0px;
margin: 0px;
}
h3 {
margin: 0px;
margin: 0px;
}
#irc {
font-size: 120%;
font-size: 120%;
}
#irc .chat {
display: flex;
justify-content: flex-end;
flex-direction: column;
height: calc(100% - 46px);
font-family: monospace;
overflow: hidden;
display: flex;
justify-content: flex-end;
flex-direction: column;
height: calc(100% - 46px);
font-family: monospace;
overflow: hidden;
}
#irc p span {
color: #268bd2;
color: #268bd2;
}
#irc p span::before {
content: "<";
color: #839496;
content: "<";
color: #839496;
}
#irc p span:after {
content: ">";
color: #839496;
content: ">";
color: #839496;
}
#weather {
font-size: 120%;
font-size: 120%;
}
#weather div {
float: left;
float: left;
}
#weather tr {
border-bottom: 1px solid;
border-bottom: 1px solid;
}
#weather th {
text-align: left;
text-align: left;
}
#weather h3 img {
height: 1em;
float: right;
margin-right: 0.5em;
height: 1em;
float: right;
margin-right: 0.5em;
}
#calendar {
font-size: 120%;
font-size: 120%;
}
#date h2 {
color: #93a1a1;
color: #93a1a1;
}
#brand img {
margin: 10px;
margin: 10px;
}
#brand {
font-size: 120%;
font-size: 120%;
}
#brand h3 {
color: #839496;
margin-left: 10px;
color: #839496;
margin-left: 10px;
}
#brand .person {
font-style: italic;
font-style: italic;
}
#brand .open {
color: #859900;
color: #859900;
}
#brand .closed {
color: #dc322f;
color: #dc322f;
}
......@@ -11,14 +11,18 @@
<script src="/js/infodisplay.js"></script>
</head>
<body>
<div class="component" id="brand" style="width:25%;height:50%"></div>
<div class="component" id="diagrams" style="width:50%;height:50%;"></div>
<div style="width:25%;height:50%;display:flex;flex-direction:column;">
<div class="component" id="date"></div>
<div class="component" id="calendar"></div>
<div style="height:50%;display:flex;flex:1;">
<div class="component" id="brand" style="width:445px;"></div>
<div class="component" id="diagrams" style="flex:1;"></div>
<div style="display:flex;flex-direction:column;">
<div class="component" id="date"></div>
<div class="component" id="calendar"></div>
</div>
</div>
<div style="height:50%;display:flex;flex:1;">
<div class="component" id="irc" style="flex:1;"></div>
<div class="component" id="bus" style="width:385px;"></div>
<div class="component" id="weather"></div>
</div>
<div class="component" id="irc" style="width:50%;height:calc(50% - 10px);"></div>
<div class="component" id="bus" style="width:25%;height:50%;"></div>
<div class="component" id="weather" style="width:25%;height:50%;"></div>
</body>
</html>
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