11<!DOCTYPE html>
22< html lang ="{{ page.lang | default: site.lang | default: "en-US " }}">
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 ">
7- {% seo %}
8- < link rel ="stylesheet " href ="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
9- {% include head-custom.html %}
3+
4+ < head >
5+ < meta charset ="UTF-8 ">
6+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
7+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
8+ {% seo %}
9+ < link rel ="stylesheet " href ="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">
10+ {% include head-custom.html %}
1011
1112 < style >
12- h1 {
13- font-size : 46px ;
14- font-weight : 600 ;
15- color : # 2c3e50 ;
16- margin : 0 ;
17- display : flex;
18- align-items : center;
19- gap : 20px ;
20- text-align : center;
21- margin-left : auto;
22- margin-right : auto;
23- }
13+ h1 {
14+ font-size : 46px ;
15+ font-weight : 600 ;
16+ color : # 2c3e50 ;
17+ margin : 0 ;
18+ display : flex;
19+ align-items : center;
20+ gap : 20px ;
21+ text-align : center;
22+ margin-left : auto;
23+ margin-right : auto;
24+ }
25+
26+ h1 ::before ,
27+ h1 ::after {
28+ content : '' ;
29+ flex : 1 ;
30+ height : 2px ;
31+ background : linear-gradient (90deg , transparent, # 3498db, transparent);
32+ max-width : 100px ;
33+ margin-left : auto;
34+ margin-right : auto;
35+ }
2436
25- h1 ::before , h1 ::after {
26- content : '' ;
27- flex : 1 ;
28- height : 2px ;
29- background : linear-gradient (90deg , transparent, # 3498db, transparent);
30- max-width : 100px ;
31- margin-left : auto;
32- margin-right : auto;
33- }
37+ html ,
38+ body {
39+ font-family : -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI" , Roboto, "Helvetica Neue" , Arial, sans-serif;
40+ }
3441
35- html , body : {
36- font-family : -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI" , Roboto, "Helvetica Neue" , Arial, sans-serif;
37- }
42+ .outerlync {
43+ cursor : not-allowed;
44+ display : inline-block;
45+ background : transparent;
46+ }
3847
39- .outerlync {
40- cursor : not-allowed;
41- display : inline-block;
42- background : transparent;
43- }
48+ .innerlync {
49+ transform-style : preserve-3d;
50+ transition : ease-out 0.6s ;
51+ }
4452
45- .innerlync {
46- transform-style : preserve-3d ;
47- transition : ease-out 0.6 s ;
48- }
53+ . outerlync : hover .innerlync {
54+ transition : ease-in-out 2.5 s ;
55+ transform : rotate ( 1800 deg ) rotateX ( 0 deg ) rotateY ( 0 deg ) rotateZ ( 0 deg ) ;
56+ }
4957
50- .outerlync : hover .innerlync {
51- transition : ease-in-out 2.5s ;
52- transform : rotate (1800deg ) rotateX (0deg ) rotateY (0deg ) rotateZ (0deg );
53- }
58+ .lang-menu {
59+ text-align : center;
60+ font-size : smaller;
61+ padding-bottom : 0.5em ;
62+ margin-bottom : 0.5em ;
63+ border-bottom : 1px solid lightgray;
64+ }
5465
55- .lang-menu {
56- text-align : center;
57- font-size : smaller;
58- padding-bottom : 0.5em ;
59- margin-bottom : 0.5em ;
60- border-bottom : 1px solid lightgray;
61- }
66+ footer {
67+ padding : 0px ;
68+ margin : 0px ;
69+ font-size : 14px ;
70+ line-height : 1.6 ;
71+ width : 100% ;
72+ border-top : 1px solid # dee2e6 ;
73+ }
74+ </ style >
75+ </ head >
6276
63- footer {
64- padding : 0px ;
65- margin : 0px ;
66- font-size : 14px ;
67- line-height : 1.6 ;
68- width : 100% ;
69- border-top : 1px solid # dee2e6 ;
70- }
71- </ style >
72- </ head >
73- < body >
74- < div class ="container-lg px-3 my-5 markdown-body ">
75- < h1 > {{ page.title }}</ h1 >
76- < div class ="lang-menu "> < a href ="/ "> English</ a > | < a href ="/fr/ "> Français</ a > | < a href ="/tr/ "> Türkçe</ a > </ div >
77- {{ content }}
77+ < body >
78+ < div class ="container-lg px-3 my-5 markdown-body ">
79+ < h1 > {{ page.title }}</ h1 >
80+ < div class ="lang-menu ">
81+ < a href ="/ "> English</ a > |
82+ < a href ="/fr/ "> Français</ a > |
83+ < a href ="/de/ "> Deutsch</ a > |
84+ < a href ="/tr/ "> Türkçe</ a >
7885 </ div >
79- </ body >
80- </ html >
86+ {{ content }}
87+ </ div >
88+ </ body >
89+
90+ </ html >
0 commit comments