1- < html >
2- < body >
3- < head >
4- < meta charset ="utf-8 ">
5- < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6- < meta name ="viewport " content ="width=device-width, initial-scale=1, shrink-to-fit=no ">
7- < title > CI Results</ title >
8- </ head >
9- < div id ="results "> </ div >
1+ <!doctype html>
2+
3+ < html lang ="en ">
4+ < head >
5+ < meta charset ="utf-8 ">
6+
7+ < title > CI Results</ title >
8+ < meta name ="description " content ="CI Results ">
9+ < meta name ="author " content ="linuxserver.io ">
10+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
11+ < link href ="https://fonts.googleapis.com/css?family=Lato:300,400&display=swap " rel ="stylesheet ">
12+ < style >
13+ body , html {
14+ padding : 0 ;
15+ margin : 0 ;
16+ }
17+ body {
18+ background : # e8e8e8 ;
19+ font-family : 'Lato' , sans-serif;
20+ color : # 738694 ;
21+ font-weight : 400 ;
22+ font-size : 16px ;
23+ }
24+ body * {
25+ box-sizing : border-box;
26+ }
27+ # logohttpsrawgithubusercontentcomlinuxserverdockertemplatesmasterlinuxserverioimglinuxserver_mediumpng {
28+ display : none;
29+ }
30+ # app {
31+ display : flex;
32+ flex-direction : column;
33+ align-items : center;
34+ padding : 15px ;
35+ }
36+ # results {
37+ display : flex;
38+ flex-direction : column;
39+ align-items : center;
40+ width : 100% ;
41+ }
42+ h1 {
43+ font-size : 30px ;
44+ letter-spacing : 3px ;
45+ text-transform : uppercase;
46+ color : # 738694 ;
47+ margin : 60px 0 45px ;
48+ font-weight : 400 ;
49+ }
50+ h1 span {
51+ color : # 9bb0bf ;
52+ }
53+ .section , .content {
54+ width : 100% ;
55+ max-width : 600px ;
56+ display : flex;
57+ align-items : center;
58+ background : # efefef ;
59+ justify-content : space-between;
60+ text-decoration : none;
61+ margin : 10px ;
62+ box-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.05 );
63+ }
64+
65+ # results h1 {
66+ font-size : 25px ;
67+ margin : 0 0 25px ;
68+ }
69+ section {
70+ display : flex;
71+ width : 30% ;
72+ flex-direction : column;
73+ margin : 10px ;
74+ background : # efefef ;
75+ box-shadow : 0 0 10px rgba (0 , 0 , 0 , 0.05 );
76+ min-width : 320px ;
77+ padding : 0 0 30px 0 ;
78+ }
79+ section > * {
80+ padding : 0 20px ;
81+ }
82+ section h2 {
83+ font-size : 18px ;
84+ background : # f5f5f5 ;
85+ padding : 5px 20px ;
86+ margin : 0 ;
87+ height : 90px ;
88+ display : flex;
89+ align-items : center;
90+ }
91+ section h2 + p {
92+ margin : 0 ;
93+ }
94+ section h2 + p + h3 {
95+ margin : 0 ;
96+ padding : 20px ;
97+ background : # f5f5f5 ;
98+ }
99+
100+ section h3 {
101+ font-size : 16px ;
102+ padding : 0 20px ;
103+ }
104+ section img {
105+ width : calc (100% + 40px );
106+ height : auto;
107+ margin-left : -20px ;
108+ margin-right : -20px ;
109+ padding : 0 ;
110+ display : block;
111+ }
112+ section pre {
113+ overflow : auto;
114+ }
115+
116+ main {
117+ display : flex;
118+ justify-content : center;
119+ align-items : flex-start;
120+ flex-wrap : wrap;
121+ }
122+
123+ @media only screen and (min-width : 500px ) {
124+ h1 {
125+ font-size : 50px ;
126+ letter-spacing : 5px ;
127+
128+ }
129+ }
130+
131+ </ style >
132+
133+ </ head >
134+ < body >
135+ < div id ="app ">
136+ < header >
137+ < h1 > Linux< span > Server</ span > .io</ h1 >
138+ </ header >
139+ < div id ="results "> </ div >
140+ </ div >
10141 < script src ="https://code.jquery.com/jquery-3.3.1.min.js " type ="text/javascript " charset ="utf-8 "> </ script >
11142 < script src ="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.8.6/showdown.min.js " type ="text/javascript " charset ="utf-8 "> </ script >
12143 < script type ="text/javascript " charset ="utf-8 ">
15146 $ ( '#results' ) . append ( converter . makeHtml ( data ) )
16147 } ) ;
17148 </ script >
18- </ body >
19- </ html >
149+ </ body >
150+ </ html >
0 commit comments