Skip to content

Commit 69fab13

Browse files
mchirag2002mchirag2002
authored
Merge branch 'main' into main
2 parents fee3a0f + e4caf88 commit 69fab13

4 files changed

Lines changed: 2181 additions & 51 deletions

File tree

‎assets/css/index.css‎

Lines changed: 35 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,8 @@ body {
2020
background-color: #212121 !important;
2121
}
2222

23-
nav>* a,
24-
nav>* a:hover,
25-
footer>* a,
26-
footer>* a:hover {
23+
footer > * a,
24+
footer > * a:hover {
2725
color: white !important;
2826
text-decoration: none;
2927
}
@@ -87,7 +85,7 @@ a:hover {
8785
}
8886

8987
.navbar__buttons {
90-
width: 540px;
88+
width: 700px;
9189
background-color: none;
9290
display: flex;
9391
flex-direction: row;
@@ -99,25 +97,51 @@ a:hover {
9997
background-color: inherit;
10098
font-family: "Lexend Deca", sans-serif;
10199
font-size: 1rem;
102-
color: white;
100+
color: #5bb67a;
103101
border: none;
104102
cursor: pointer;
105103
transition: transform 250ms ease-in-out;
106104
}
107105

108-
.navigation__buttons::after {
106+
/* .navigation__buttons::after {
109107
display: block;
110108
content: "";
111109
border-bottom: 2px solid #5bb67a;
112110
transform: scaleX(0);
111+
} */
112+
.navigation__buttons a{
113+
color: white;
114+
}
115+
.navigation__buttons {
116+
width: 125px;
117+
height: 50px;
118+
padding: 0%;
119+
transition: background-position-x 0.9s linear;
120+
text-align: center;
113121
}
114122

115-
.navigation__buttons:hover::after {
116-
transform: scaleX(1);
123+
.navigation__buttons:hover {
124+
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMzkwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDM5MCA1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzkwIDUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNWJiNjdhIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMCw0Ny41ODVjMCwwLDk3LjUsMCwxMzAsMAoJYzEzLjc1LDAsMjguNzQtMzguNzc4LDQ2LjE2OC0xOS40MTZDMTkyLjY2OSw0Ni41LDI0My42MDMsNDcuNTg1LDI2MCw0Ny41ODVjMzEuODIxLDAsMTMwLDAsMTMwLDAiLz4KPC9zdmc+Cg==");
125+
-webkit-animation: line 2s;
126+
animation: line 2s;
127+
}
128+
.navigation__buttons a:hover {
129+
color: #5bb67a;
130+
}
131+
.navigation__buttons:not(:last-child) {
132+
margin-right: 30px;
117133
}
118134

119-
.navigation__buttons:focus::after {
120-
transform: scaleX(1);
135+
@-webkit-keyframes line {
136+
0% {
137+
background-position-x: 390px;
138+
}
139+
}
140+
141+
@keyframes line {
142+
0% {
143+
background-position-x: 390px;
144+
}
121145
}
122146

123147
#download__btn {

‎assets/css/svggg.html‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE HTML>
2+
<html lang="en">
3+
<head>
4+
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
7+
8+
<title>untitled document</title>
9+
10+
<link rel="stylesheet" href="screen.css" media="screen">
11+
12+
<style media="screen">
13+
body {
14+
background-color: #f0f0f0;
15+
font: 1em/150% verdana, arial, helvetica, sans-serif;
16+
}
17+
18+
svg{
19+
display:none;
20+
}
21+
22+
img {
23+
display: block;
24+
width: 4em;
25+
padding: 0.25em;
26+
margin:auto;
27+
border: 0.062em solid #000;
28+
background-color: #fff;
29+
}
30+
</style>
31+
32+
</head>
33+
<body>
34+
<svg version="1.1"ν id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlνink="http://www.w3.org/1999/xlink" x="0px" y="0px"
35+
widtνh="390px" height="50px" viewBox="0 0 390 50" enable-backgνround="new 0 0 390 50" xml:space="preserve">
36+
<path fill="νnone" stroke="#5bb67a" stroke-width="1.5" stroke-miterlimνit="10" d="M0,47.585c0,0,97.5,0,130,0
37+
c13.75,0,28.74-38.ν778,46.168-19.416C192.669,46.5,243.603,47.585,260,47.585cν31.821,0,130,0,130,0"/>
38+
</svg>
39+
40+
41+
<script>
42+
43+
(function(w,d) {
44+
'use strict';
45+
46+
var svg = new XMLSerializer().serializeToString(d.getElementsByTagName( 'svg' )[ 0 ]);
47+
var base64 = w.btoa( svg );
48+
var i= d.createElement( 'img' );
49+
i.setAttribute( 'src', 'data:image/svg+xml;base64,' + base64 );
50+
d.body.appendChild( i );
51+
}(window, document));
52+
</script>
53+
54+
</body>
55+
</html>

‎docs/assets/main.js‎

Lines changed: 2072 additions & 2 deletions
Large diffs are not rendered by default.

‎index.html‎

Lines changed: 19 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -71,44 +71,25 @@
7171
<span class="logo">
7272
<img loading="lazy" src="/assets/img/logo.svg" title="Moosync" alt="moosync logo" class="logo__img" />
7373
</span>
74-
<span class="title">moosync</span>
75-
</span>
76-
</a>
77-
<div class="navbar__buttons">
78-
<button class="navigation__buttons"><a href="#">Home</a></button>
79-
<button class="navigation__buttons">
80-
<a href="https://www.iubenda.com/privacy-policy/70189564/full-legal" target="_blank"
81-
rel="noopener noreferrer">Privacy policy</a>
82-
</button>
83-
<button class="navigation__buttons">
84-
<a href="wiki/" rel="noopener noreferrer">Documentation</a>
85-
</button>
86-
<button class="navigation__buttons">
87-
<a href="https://github.com/Moosync" rel="noopener noreferrer">Github</a>
88-
</button>
89-
<button id="download__btn" class="navigation__buttons">Download</button>
90-
</div>
91-
<div class="moosync__navbar-mobileScreen">
92-
<img loading="lazy" src="assets/img/hamburgerIcon.svg" alt="Menu" id="hamburger-open" />
93-
<div class="moosync__navbar-mobileScreen-overlayClose flex__center slide__bottom" id="menu-overlay">
94-
<img loading="lazy" src="assets/img/hamburgerCloseIcon.svg" alt="Close" id="hamburger-close" />
95-
<ul class="moosync__navbar-mobileScreen-links">
96-
<li class="p__normal" id="home"><a href="#">Home</a></li>
97-
<li class="p__normal" id="privacy">
98-
<a href="https://www.iubenda.com/privacy-policy/70189564/full-legal">Privacy Policy</a>
99-
</li>
100-
<li class="p__normal" id="documentation">
101-
<a href="wiki/">Documentation</a>
102-
</li>
103-
<li class="p__normal" id="github">
104-
<a href="https://github.com/Moosync/Moosync">Github</a>
105-
</li>
106-
<li id="download">
107-
<button type="button" name="button" class="navigation__buttons" id="download__btn">
108-
Download
109-
</button>
110-
</li>
111-
</ul>
74+
</a>
75+
<div class="navbar__buttons">
76+
<button class="navigation__buttons"><a href="#">Home</a></button>
77+
<button class="navigation__buttons">
78+
<a
79+
href="https://www.iubenda.com/privacy-policy/70189564/full-legal"
80+
target="_blank"
81+
rel="noopener noreferrer">Privacy Policy</a
82+
>
83+
</button>
84+
<button class="navigation__buttons">
85+
<a href="/wiki/" rel="noopener noreferrer">Documentation</a>
86+
</button>
87+
<button class="navigation__buttons">
88+
<a href="https://github.com/Moosync" rel="noopener noreferrer"
89+
>Github</a
90+
>
91+
</button>
92+
<button id="download__btn" class="navigation__buttons">Download</button>
11293
</div>
11394
</div>
11495
</nav>

0 commit comments

Comments
 (0)