⭐ Moe-Counter Compatible Website Hit Counter Written in Gleam
mayu.due.moe
hit-counter
svg
moe
fix(index.html): attribution position on mobile
+36
-8
+36
-8
index.html
+36
-8
index.html
···
33
33
0 6px 20px -3px rgba(0, 0, 0, 0.2);
34
34
}
35
35
36
-
@media (max-width: 768px) {
37
-
main {
38
-
flex-direction: column;
39
-
}
40
-
}
41
-
42
36
img {
43
37
display: block;
44
38
margin: 10px 0;
···
90
84
white-space: pre-wrap;
91
85
word-wrap: break-word;
92
86
max-width: 100%;
93
-
margin-top: 40px;
87
+
margin-top: 30px;
94
88
}
95
89
96
90
a {
···
109
103
bottom: 20px;
110
104
left: 35.4px;
111
105
}
106
+
107
+
.attribution-2 {
108
+
display: none;
109
+
}
110
+
111
+
@media (max-width: 768px) {
112
+
main {
113
+
flex-direction: column;
114
+
gap: 60px;
115
+
}
116
+
117
+
.attribution-1 {
118
+
display: none;
119
+
}
120
+
121
+
.attribution-2 {
122
+
display: block;
123
+
}
124
+
125
+
.attribution {
126
+
position: unset;
127
+
margin-top: 40px;
128
+
}
129
+
}
112
130
</style>
113
131
114
132
<main>
···
121
139
122
140
<input type="text" id="inputField" placeholder="@demo" />
123
141
124
-
<p class="attribution">
142
+
<p class="attribution attribution-1">
125
143
Written by
126
144
<a href="https://anilist.co/user/fuwn/" target="_blank">@Fuwn</a>
127
145
···
140
158
/>
141
159
142
160
<pre id="copy-codes" class="copy-codes">hi</pre>
161
+
162
+
<p class="attribution attribution-2">
163
+
Written by
164
+
<a href="https://anilist.co/user/fuwn/" target="_blank">@Fuwn</a>
165
+
166
+
<br />
167
+
168
+
Source code available on
169
+
<a href="https://github.com/Fuwn/mayu" target="_blank">GitHub</a>
170
+
</p>
143
171
</div>
144
172
</main>
145
173