Skip to content

Commit 56ba145

Browse files
committed
opencodelaw: bump to v2.0.0
2 parents 5683898 + fb722fd commit 56ba145

14 files changed

+1590
-5
lines changed

.gitignore

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
css/style.css.map
1+
css/style.css.map
2+
css/style.css

Archives/v1.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>STM Constitution V1</title>
7+
<link rel="stylesheet" href="../css/style.css?v=1" />
8+
<link rel="icon" href="../favicons/ms-icon-310x310.png" type="image/x-icon">
9+
</head>
10+
<body>
11+
<opencodelaw spec-url="../specs/v1.yaml"></opencodelaw>
12+
<!-- Include opencon.js -->
13+
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
14+
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.0.0/js-yaml.min.js"></script>
15+
<script async src="../js/opencodelaw.js"></script>
16+
</body>
17+
</html>

Archives/v2.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>STM Constitution V1</title>
7+
<link rel="stylesheet" href="../css/style.css?v=1" />
8+
<link rel="icon" href="../favicons/ms-icon-310x310.png" type="image/x-icon">
9+
</head>
10+
<body>
11+
<opencodelaw spec-url="../specs/v2.yaml"></opencodelaw>
12+
<!-- Include opencon.js -->
13+
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
14+
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.0.0/js-yaml.min.js"></script>
15+
<script async src="../js/opencodelaw.js"></script>
16+
</body>
17+
</html>

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ To use OpenCodeLaw, follow these steps:
2222
<!-- Include theme's CSS -->
2323
<link
2424
rel="stylesheet"
25-
href="https://cdn.jsdelivr.net/gh/ServiceToMankind/opencodelaw@1.2.0/css/style.css"
25+
href="https://cdn.jsdelivr.net/gh/ServiceToMankind/opencodelaw@2.0.0/css/style.css"
2626
/>
2727
</head>
2828
<body>
@@ -32,7 +32,7 @@ To use OpenCodeLaw, follow these steps:
3232
<!-- Include required scripts -->
3333
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
3434
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-yaml/4.0.0/js-yaml.min.js"></script>
35-
<script src="https://cdn.jsdelivr.net/gh/ServiceToMankind/opencodelaw@1.2.0/js/opencodelaw.js"></script>
35+
<script src="https://cdn.jsdelivr.net/gh/ServiceToMankind/opencodelaw@2.0.0/js/opencodelaw.js"></script>
3636
</body>
3737
</html>
3838
```
188 KB
Binary file not shown.
179 KB
Binary file not shown.
159 KB
Binary file not shown.

css/style.css

Lines changed: 196 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -318,4 +318,200 @@ main .container-main .container-main__content .section-container {
318318
}
319319
#backToTop:hover {
320320
background-color: #555;
321+
}
322+
323+
.container-ammendment {
324+
margin: 2em !important;
325+
}
326+
@media (min-width: 48em) {
327+
.container-ammendment {
328+
margin: 2em;
329+
}
330+
}
331+
@media (min-width: 75em) {
332+
.container-ammendment {
333+
margin: 2em auto;
334+
max-width: 75em;
335+
}
336+
}
337+
338+
.responsive-table {
339+
width: 100%;
340+
margin-bottom: 1.5em;
341+
border-spacing: 0;
342+
}
343+
@media (min-width: 48em) {
344+
.responsive-table {
345+
font-size: 0.9em;
346+
}
347+
}
348+
@media (min-width: 62em) {
349+
.responsive-table {
350+
font-size: 1em;
351+
}
352+
}
353+
.responsive-table thead {
354+
position: absolute;
355+
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
356+
padding: 0;
357+
border: 0;
358+
height: 1px;
359+
width: 1px;
360+
overflow: hidden;
361+
}
362+
@media (min-width: 48em) {
363+
.responsive-table thead {
364+
position: relative;
365+
clip: auto;
366+
height: auto;
367+
width: auto;
368+
overflow: auto;
369+
}
370+
}
371+
.responsive-table thead th {
372+
background-color: #007bff;
373+
border: 1px solid #007bff;
374+
font-weight: normal;
375+
text-align: center;
376+
color: white;
377+
}
378+
.responsive-table thead th:first-of-type {
379+
text-align: left;
380+
}
381+
.responsive-table tbody,
382+
.responsive-table tr,
383+
.responsive-table th,
384+
.responsive-table td {
385+
display: block;
386+
padding: 0;
387+
text-align: left;
388+
white-space: normal;
389+
}
390+
@media (min-width: 48em) {
391+
.responsive-table tr {
392+
display: table-row;
393+
}
394+
}
395+
.responsive-table th,
396+
.responsive-table td {
397+
padding: 0.5em;
398+
vertical-align: middle;
399+
}
400+
@media (min-width: 30em) {
401+
.responsive-table th,
402+
.responsive-table td {
403+
padding: 0.75em 0.5em;
404+
}
405+
}
406+
@media (min-width: 48em) {
407+
.responsive-table th,
408+
.responsive-table td {
409+
display: table-cell;
410+
padding: 0.5em;
411+
}
412+
}
413+
@media (min-width: 62em) {
414+
.responsive-table th,
415+
.responsive-table td {
416+
padding: 0.75em 0.5em;
417+
}
418+
}
419+
@media (min-width: 75em) {
420+
.responsive-table th,
421+
.responsive-table td {
422+
padding: 0.75em;
423+
}
424+
}
425+
.responsive-table caption {
426+
margin-bottom: 1em;
427+
font-size: 1em;
428+
font-weight: bold;
429+
text-align: center;
430+
}
431+
@media (min-width: 48em) {
432+
.responsive-table caption {
433+
font-size: 1.5em;
434+
}
435+
}
436+
.responsive-table tfoot {
437+
font-size: 0.8em;
438+
font-style: italic;
439+
}
440+
@media (min-width: 62em) {
441+
.responsive-table tfoot {
442+
font-size: 0.9em;
443+
}
444+
}
445+
@media (min-width: 48em) {
446+
.responsive-table tbody {
447+
display: table-row-group;
448+
}
449+
}
450+
.responsive-table tbody tr {
451+
margin-bottom: 1em;
452+
}
453+
@media (min-width: 48em) {
454+
.responsive-table tbody tr {
455+
display: table-row;
456+
border-width: 1px;
457+
}
458+
}
459+
.responsive-table tbody tr:last-of-type {
460+
margin-bottom: 0;
461+
}
462+
@media (min-width: 48em) {
463+
.responsive-table tbody tr:nth-of-type(even) {
464+
background-color: rgba(0, 0, 0, 0.12);
465+
}
466+
}
467+
.responsive-table tbody th[scope=row] {
468+
background-color: #007bff;
469+
color: white;
470+
}
471+
@media (min-width: 30em) {
472+
.responsive-table tbody th[scope=row] {
473+
border-left: 1px solid #007bff;
474+
border-bottom: 1px solid #007bff;
475+
}
476+
}
477+
@media (min-width: 48em) {
478+
.responsive-table tbody th[scope=row] {
479+
background-color: transparent;
480+
color: rgb(0, 0, 1);
481+
text-align: left;
482+
}
483+
}
484+
.responsive-table tbody td {
485+
text-align: right;
486+
}
487+
@media (min-width: 48em) {
488+
.responsive-table tbody td {
489+
border-left: 1px solid #007bff;
490+
border-bottom: 1px solid #007bff;
491+
text-align: center;
492+
}
493+
}
494+
@media (min-width: 48em) {
495+
.responsive-table tbody td:last-of-type {
496+
border-right: 1px solid #007bff;
497+
}
498+
}
499+
.responsive-table tbody td[data-type=currency] {
500+
text-align: right;
501+
}
502+
.responsive-table tbody td[data-title]:before {
503+
content: attr(data-title);
504+
float: left;
505+
font-size: 0.8em;
506+
color: rgba(0, 0, 0, 0.54);
507+
}
508+
@media (min-width: 30em) {
509+
.responsive-table tbody td[data-title]:before {
510+
font-size: 0.9em;
511+
}
512+
}
513+
@media (min-width: 48em) {
514+
.responsive-table tbody td[data-title]:before {
515+
content: none;
516+
}
321517
}/*# sourceMappingURL=style.css.map */

0 commit comments

Comments
 (0)