File tree 4 files changed +24
-6
lines changed
4 files changed +24
-6
lines changed Original file line number Diff line number Diff line change 2
2
@import url ('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600;800&display=swap' );
3
3
4
4
: root {
5
- --color-main-light : # FFFAF0 ;
6
- --color-main-base : # fffbf4 ;
7
- --color-main-dark : # 954535 ;
8
- --color-main-black : # 1B1811 ;
5
+ --color-main-light : # f5fffa ;
6
+ --color-main-base : # fff ;
7
+ --color-main-dark : # 73d298 ;
8
+ --color-main-black : # 0b4430 ;
9
9
}
10
10
11
11
body {
70
70
71
71
input : focus-visible {
72
72
outline : 0px ;
73
+ }
74
+
75
+ a {
76
+ color : var (--color-main-dark );
77
+ text-decoration : none;
78
+ }
79
+
80
+ # footer {
81
+ padding : 3rem 2rem 4rem 2rem ;
82
+ width : 100% ;
83
+ text-align : center;
84
+ background-color : # fff ;
85
+ box-sizing : border-box;
86
+ outline : 0.2rem dotted var (--color-main-dark );
73
87
}
Original file line number Diff line number Diff line change 4
4
border : 0 ;
5
5
outline : 0.2rem dotted var (--color-main-dark );
6
6
outline-offset : -2px ;
7
+ filter : saturate (2 ) brightness (0.7 ) contrast (2 ) sepia (1 ) hue-rotate (75deg ) saturate (1.2 );
7
8
}
8
9
9
10
@media screen and (orientation : portrait) {
Original file line number Diff line number Diff line change 3
3
< head >
4
4
< meta charset ="UTF-8 ">
5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
- < title > Weather App </ title >
6
+ < title > MintWeather </ title >
7
7
< link rel ="shortcut icon " type ="img/png " href ="img/favicon.png "/>
8
8
< script src ="js/weather.js " defer > </ script >
9
9
< script src ="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.9.0/build/ol.js "> </ script >
@@ -37,7 +37,10 @@ <h2 id="errorTitle"></h2>
37
37
< hr >
38
38
< div id ="forecasts "> </ div >
39
39
40
- < div id ="footer "> Powered by < a href ="https://prevision-meteo.ch "> https://prevision-meteo.ch</ a > </ div >
40
+ < div id ="footer ">
41
+ < p > Powered by < a href ="https://prevision-meteo.ch "> https://prevision-meteo.ch</ a > </ p >
42
+ < p > < a href ="https://github.com/DrMint/MintWeather "> MintWeather</ a > , by Dr_Mint (MIT License)</ p >
43
+ </ div >
41
44
42
45
43
46
</ body >
You can’t perform that action at this time.
0 commit comments