Skip to content

Commit 81861ae

Browse files
committed
Add festive greeting
1 parent 0f8d8fe commit 81861ae

File tree

4 files changed

+823
-676
lines changed

4 files changed

+823
-676
lines changed

README.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,6 @@
11

22
# The docs for Inter
33

4-
*Warning:* The documentation may be down for a few hours, please wait!
5-
64
* Official repo: [Interjs](https://github.com/interjs/inter)
7-
* Official tutorial: [Tutorial](https://interjs.github.io)
5+
* Official tutorial: [Tutorial](https://inter.js.org)
86

index.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,9 @@
4343
</head>
4444

4545
<body>
46+
<div class="header">
47+
<p> A equipa principal do Interjs deseja-lhe festas felizes!</p>
48+
</div>
4649
<section class="main">
4750
<header>
4851
<div class="follow">
@@ -139,7 +142,7 @@ <h3>Inter</h3>
139142
<section class="mantainer">
140143
<h3>Criado por</h3>
141144
<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>
143146
<li><a rel="me" href="https://mastodon.social/@denispower" style="display: none">Denis Power</a> </li>
144147
<li><a rel="me" href="https://facebook.com/denis.power.146" style="display: none">Denis Power</a> </li>
145148
</ul>

style/docs.css

Lines changed: 60 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,104 +1,113 @@
1-
:root{
1+
:root {
22
--blue: hsl(220, 50%, 50%)
33
}
44

5-
html,body{
5+
html,
6+
body {
67

78
height: 100%;
89
margin: 0;
9-
10+
1011
}
1112

12-
body{
13+
body {
1314

1415
display: flex;
1516
flex-direction: column;
16-
17+
1718

1819
}
19-
.social{
20+
21+
22+
23+
.social {
2024
display: flex;
2125
margin-left: -20%;
2226
}
23-
.social>li>a{
27+
28+
.social>li>a {
2429
font-size: 1.5rem;
2530
}
2631

27-
.social>li{
32+
.social>li {
2833

2934
margin-top: 3%;
3035
margin-left: 10%;
3136

32-
}
37+
}
3338

34-
.nav>li{
39+
.nav>li {
3540

3641
margin-top: 20%;
3742

3843
}
3944

40-
.nav{
45+
46+
.nav {
4147

4248
margin-top: 20%;
4349
height: 100%;
4450

4551
}
46-
.hl{
52+
53+
.hl {
4754

4855
color: var(--blue);
4956

5057
}
5158

52-
p>a{
59+
p>a {
5360

5461
text-decoration: none;
5562
color: var(--blue);
5663

5764
}
5865

59-
.hash{
66+
.hash {
6067
text-decoration: none;
6168
color: var(--blue);
6269
}
6370

64-
.demo{
71+
.demo {
6572

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%;
7380

7481
}
75-
.space{
82+
83+
.space {
7684
display: grid;
7785
grid-template-rows: 10px;
7886
}
79-
p{
87+
88+
p {
8089
font-size: 1.1rem;
8190
font-family: Arial;
8291
line-height: 30px;
83-
92+
8493
}
8594

86-
.main{
95+
.main {
8796

88-
display: flex;
89-
flex: 1 1 auto;
97+
display: flex;
98+
flex: 1 1 auto;
9099

91100
}
92101

93-
.main>:first-child{
102+
.main>:first-child {
94103

95104
width: 15vw;
96105
height: 100vh;
97106
position: fixed;
98107
background-color: var(--blue)
99-
100108
}
101-
.main>:last-child{
109+
110+
.main>:last-child {
102111

103112
margin-left: 17%;
104113
box-shadow: 1px 1px 2px black;
@@ -107,26 +116,28 @@ p{
107116
height: auto;
108117
padding-left: 5%;
109118
padding-right: 3%
110-
};
119+
}
120+
121+
;
111122

112123

113124

114-
nav>ul{
125+
nav>ul {
115126

116127
display: flex;
117128
flex-direction: column;
118129

119130
}
120131

121-
nav>ul>li{
132+
nav>ul>li {
122133

123134
list-style-type: none;
124135
margin-left: -14%;
125136
margin-top: 10%;
126137

127138
}
128139

129-
nav>ul>li>a{
140+
nav>ul>li>a {
130141

131142
text-decoration: none;
132143
color: white;
@@ -138,57 +149,57 @@ nav>ul>li>a{
138149

139150

140151

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%;
144155

145156

146157
}
147158

148-
.warning{
159+
.warning {
149160

150-
border-left: solid red 10px;
151-
padding-left: 2%;
161+
border-left: solid red 10px;
162+
padding-left: 2%;
152163

153164

154165

155166
}
156167

157-
.Space{
168+
.Space {
158169
display: grid;
159-
grid-template-rows:100px;
170+
grid-template-rows: 100px;
160171

161172
}
162173

163174

164-
.items>li{
175+
.items>li {
165176

166177
padding-top: 1%;
167178
font-family: arial;
168179
font-size: 1em;
169180
line-height: 30px;
170181
}
171182

172-
h3{
183+
h3 {
173184

174185
font-family: arial;
175186
font-size: 1.2rem;
176187

177188
}
178189

179-
h1{
190+
h1 {
180191

181192
font-family: arial;
182193

183194
}
184195

185-
@media(max-width:800px){
196+
@media(max-width:800px) {
186197

187-
aside{
198+
aside {
188199
display: none;
189200
}
190201

191-
.main>:last-child{
202+
.main>:last-child {
192203
margin-left: 0;
193204
}
194205

0 commit comments

Comments
 (0)