git ssb

0+

Rômulo Alves / dat-letnice



Commit bc782101760a7426ad905bbda88ef86f7602c364

layout

nomand committed on 6/4/2018, 9:27:12 PM
Parent: c4b5e446a3e34b38835e005437c1091c5d5e3cc0

Files changed

css/style.csschanged
js/letnice.jschanged
css/style.cssView
@@ -22,14 +22,14 @@
2222 text-align: center;
2323 }
2424
2525 .month { width:100px; margin: 10px; display: inline-block;}
26-.header { margin: 20px; }
26+.header { margin-bottom: 40px; }
2727
2828 p { margin: 0px; }
2929 .m { font-size: 21px; font-weight: bold; margin-bottom: 5px; text-align: left; }
3030 .y { font-size: 40px; font-weight: bold; text-align: middle;}
31-.p { font-size: 20px; text-align: middle; color: #8b8b8b}
31+.p { font-size: 20px; text-align: left; color: #8b8b8b}
3232
3333 svg.graph { color:white; width: 100%; }
3434 svg.graph text {font-family: 'input_mono_regular'; stroke:none; fill:#8b8b8b; font-size:14px; text-anchor: middle; }
3535 svg.graph text.dayLabel { font-size: 10px; }
@@ -38,5 +38,11 @@
3838 svg.graph rect.today { fill:#ffffff; stroke: #000000;}
3939 svg.graph rect.day { fill:#8b8b8b; }
4040 svg.graph rect.weekend { fill:#747474 }
4141 svg.graph rect.gone { fill:#000000 }
42-svg.graph path { stroke-linecap: butt; stroke-dasharray: 1,1; fill:none; stroke:#333; stroke-width:13px }
42+svg.graph path { stroke-linecap: butt; stroke-dasharray: 1,1; fill:none; stroke:#333; stroke-width:13px }
43+
44+@media screen and (max-width: 1000px) {
45+ body {
46+ width: 60%;
47+ }
48+}
js/letnice.jsView
@@ -8,13 +8,17 @@
88 let year = new Date().getFullYear();
99 let month = 0;
1010 let style = "day";
1111
12- base.innerHTML += `<div class="header"><p class="y">${year}</p><p class="p">${yearProgress(2018) + "%"}</p></div>`
12+ function doHeader()
13+ {
14+ return `<div class="header"><p class="y">${year}</p><p class="p">${yearProgress(2018) + "%"}</p></div>`;
15+ }
1316
1417 while(month < 12)
1518 {
1619 base.innerHTML += `<div class="month">
20+ ${month==0?doHeader():""}
1721 <p class="m">${monthNames[new Date(year, month).getMonth()].substr(0,2)}</p>
1822 <svg class="graph" id="${monthNames[month]}">
1923 ${doLabels()}
2024 ${doMonth(month)}

Built with git-ssb-web