UNPKG

2.29 kBHTMLView Raw
1<!DOCTYPE html>
2<html>
3
4 <head>
5 <link rel="stylesheet" href="/node_modules/greenwood-starter-presentation/dist/styles/theme.css"></link>
6 <link rel="stylesheet" href="/node_modules/greenwood-starter-presentation/dist/styles/main.css"></link>
7
8 <style>
9 :root h1 {
10 margin: 0;
11 text-align: center;
12 font-size: 3rem;
13 }
14
15 :root body {
16 width: 100%;
17 height: 100%;
18 display: flex;
19 margin: 0;
20 }
21
22 :root h1 {
23 text-align: center;
24 position: relative;
25 }
26
27 :root h2, :root h3, :root h4, :root h5, :root h6 {
28 width: 70%;
29 margin: 0 auto;
30 text-align: center;
31 }
32
33 h1::after {
34 position:absolute;
35 content: "";
36 bottom: 0;
37 left: calc(50% - 25px);
38 margin: auto;
39 width: 50px;
40 height: 5px;
41 background: var(--color-tertiary);
42 z-index: 2;
43 }
44
45 div.container {
46 width: 70%;
47 height: 80%;
48 margin: 15% auto;
49 vertical-align: middle;
50 display: flex;
51 flex-direction: column;
52 justify-content: space-around;
53 position: relative;
54 z-index: 2;
55 }
56
57 div.container::before, div::after {
58 position: absolute;
59 content: '';
60 z-index: 1;
61 }
62
63 div.container::before {
64 width: 100px;
65 height: 100px;
66 border-left: 3px solid var(--color-secondary);
67 border-top: 3px solid var(--color-secondary);
68 top: -2px;
69 left: -2px;
70 }
71 div.container::after {
72 width: 100px;
73 height: 100px;
74 border-bottom: 3px solid var(--color-secondary);
75 border-right: 3px solid var(--color-secondary);
76 bottom: -2px;
77 right: -2px;
78 }
79 div.container > * {
80 position: relative; z-index: 1;
81 }
82 </style>
83 </head>
84
85 <body>
86 <div class="container">
87 <content-outlet></content-outlet>
88 </div>
89
90 <script type="module" src="/node_modules/greenwood-starter-presentation/dist/components/link-target.js"></script>
91 <script type="module" src="/node_modules/greenwood-starter-presentation/dist/components/iframe-key-capture.js"></script>
92 </body>
93
94</html>
\No newline at end of file