File tree Expand file tree Collapse file tree 4 files changed +823
-676
lines changed Expand file tree Collapse file tree 4 files changed +823
-676
lines changed Original file line number Diff line number Diff line change 1
1
2
2
# The docs for Inter
3
3
4
- * Warning:* The documentation may be down for a few hours, please wait!
5
-
6
4
* Official repo: [ Interjs] ( https://github.com/interjs/inter )
7
- * Official tutorial: [ Tutorial] ( https://interjs.github.io )
5
+ * Official tutorial: [ Tutorial] ( https://inter.js.org )
8
6
Original file line number Diff line number Diff line change 43
43
</ head >
44
44
45
45
< body >
46
+ < div class ="header ">
47
+ < p > A equipa principal do Interjs deseja-lhe festas felizes!</ p >
48
+ </ div >
46
49
< section class ="main ">
47
50
< header >
48
51
< div class ="follow ">
@@ -139,7 +142,7 @@ <h3>Inter</h3>
139
142
< section class ="mantainer ">
140
143
< h3 > Criado por</ h3 >
141
144
< ul >
142
- < li > < a href ="https://github.com/DenisPower1/ "> Denis Power</ a > </ li
145
+ < li > < a href ="https://github.com/DenisPower1/ "> Denis Power</ a > </ li >
143
146
< li > < a rel ="me " href ="https://mastodon.social/@denispower " style ="display: none "> Denis Power</ a > </ li >
144
147
< li > < a rel ="me " href ="https://facebook.com/denis.power.146 " style ="display: none "> Denis Power</ a > </ li >
145
148
</ ul >
Original file line number Diff line number Diff line change 1
- : root {
1
+ : root {
2
2
--blue : hsl (220 , 50% , 50% )
3
3
}
4
4
5
- html , body {
5
+ html ,
6
+ body {
6
7
7
8
height : 100% ;
8
9
margin : 0 ;
9
-
10
+
10
11
}
11
12
12
- body {
13
+ body {
13
14
14
15
display : flex;
15
16
flex-direction : column;
16
-
17
+
17
18
18
19
}
19
- .social {
20
+
21
+
22
+
23
+ .social {
20
24
display : flex;
21
25
margin-left : -20% ;
22
26
}
23
- .social > li > a {
27
+
28
+ .social > li > a {
24
29
font-size : 1.5rem ;
25
30
}
26
31
27
- .social > li {
32
+ .social > li {
28
33
29
34
margin-top : 3% ;
30
35
margin-left : 10% ;
31
36
32
- }
37
+ }
33
38
34
- .nav > li {
39
+ .nav > li {
35
40
36
41
margin-top : 20% ;
37
42
38
43
}
39
44
40
- .nav {
45
+
46
+ .nav {
41
47
42
48
margin-top : 20% ;
43
49
height : 100% ;
44
50
45
51
}
46
- .hl {
52
+
53
+ .hl {
47
54
48
55
color : var (--blue );
49
56
50
57
}
51
58
52
- p > a {
59
+ p > a {
53
60
54
61
text-decoration : none;
55
62
color : var (--blue );
56
63
57
64
}
58
65
59
- .hash {
66
+ .hash {
60
67
text-decoration : none;
61
68
color : var (--blue );
62
69
}
63
70
64
- .demo {
71
+ .demo {
65
72
66
- width : 50vw ;
67
- height : auto;
68
- min-height : 10vh ;
69
- box-shadow : 1px 1px 2px black;
70
- padding-left : 2% ;
71
- padding-top : 2% ;
72
- margin-top : 4% ;
73
+ width : 50vw ;
74
+ height : auto;
75
+ min-height : 10vh ;
76
+ box-shadow : 1px 1px 2px black;
77
+ padding-left : 2% ;
78
+ padding-top : 2% ;
79
+ margin-top : 4% ;
73
80
74
81
}
75
- .space {
82
+
83
+ .space {
76
84
display : grid;
77
85
grid-template-rows : 10px ;
78
86
}
79
- p {
87
+
88
+ p {
80
89
font-size : 1.1rem ;
81
90
font-family : Arial;
82
91
line-height : 30px ;
83
-
92
+
84
93
}
85
94
86
- .main {
95
+ .main {
87
96
88
- display : flex;
89
- flex : 1 1 auto;
97
+ display : flex;
98
+ flex : 1 1 auto;
90
99
91
100
}
92
101
93
- .main > : first-child {
102
+ .main > : first-child {
94
103
95
104
width : 15vw ;
96
105
height : 100vh ;
97
106
position : fixed;
98
107
background-color : var (--blue )
99
-
100
108
}
101
- .main > : last-child {
109
+
110
+ .main > : last-child {
102
111
103
112
margin-left : 17% ;
104
113
box-shadow : 1px 1px 2px black;
107
116
height : auto;
108
117
padding-left : 5% ;
109
118
padding-right : 3%
110
- };
119
+ }
120
+
121
+ ;
111
122
112
123
113
124
114
- nav> ul{
125
+ nav> ul {
115
126
116
127
dis play: flex;
117
128
flex- direction: column;
118
129
119
130
}
120
131
121
- nav> ul> li{
132
+ nav> ul> li {
122
133
123
134
lis t- style-type: none;
124
135
margin- left: -14%;
125
136
margin- to p: 10%;
126
137
127
138
}
128
139
129
- nav> ul> li> a{
140
+ nav> ul> li> a {
130
141
131
142
text- decor ation: none;
132
143
color : white;
@@ -138,57 +149,57 @@ nav>ul>li>a{
138
149
139
150
140
151
141
- .greenlight {
142
- border-left : solid rgb (104 , 255 , 104 ) 10px ;
143
- padding-left : 2% ;
152
+ .greenlight {
153
+ border-left : solid rgb (104 , 255 , 104 ) 10px ;
154
+ padding-left : 2% ;
144
155
145
156
146
157
}
147
158
148
- .warning {
159
+ .warning {
149
160
150
- border-left : solid red 10px ;
151
- padding-left : 2% ;
161
+ border-left : solid red 10px ;
162
+ padding-left : 2% ;
152
163
153
164
154
165
155
166
}
156
167
157
- .Space {
168
+ .Space {
158
169
display : grid;
159
- grid-template-rows : 100px ;
170
+ grid-template-rows : 100px ;
160
171
161
172
}
162
173
163
174
164
- .items > li {
175
+ .items > li {
165
176
166
177
padding-top : 1% ;
167
178
font-family : arial;
168
179
font-size : 1em ;
169
180
line-height : 30px ;
170
181
}
171
182
172
- h3 {
183
+ h3 {
173
184
174
185
font-family : arial;
175
186
font-size : 1.2rem ;
176
187
177
188
}
178
189
179
- h1 {
190
+ h1 {
180
191
181
192
font-family : arial;
182
193
183
194
}
184
195
185
- @media (max-width : 800px ){
196
+ @media (max-width : 800px ) {
186
197
187
- aside {
198
+ aside {
188
199
display : none;
189
200
}
190
201
191
- .main > : last-child {
202
+ .main > : last-child {
192
203
margin-left : 0 ;
193
204
}
194
205
You can’t perform that action at this time.
0 commit comments