Skip to content

Commit 1d66539

Browse files
HenraLHenraL
committed
[UPATE] the website logo
1 parent e0f052b commit 1d66539

File tree

38 files changed

+2270
-237
lines changed

38 files changed

+2270
-237
lines changed

‎bonus/bootstrap/asperboard.bsdesign‎

35 KB
Binary file not shown.

‎bonus/html_snippets/chat/index.html‎

Lines changed: 283 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,283 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<body>
5+
<style>
6+
/* container */
7+
.container {
8+
padding: 5% 5%;
9+
}
10+
11+
/* CSS talk bubble */
12+
.talk-bubble {
13+
margin: 40px;
14+
display: inline-block;
15+
position: relative;
16+
width: 200px;
17+
height: auto;
18+
background-color: lightyellow;
19+
}
20+
21+
.border {
22+
border: 8px solid #666;
23+
}
24+
25+
.round {
26+
border-radius: 30px;
27+
-webkit-border-radius: 30px;
28+
-moz-border-radius: 30px;
29+
30+
}
31+
32+
/* Right triangle placed top left flush. */
33+
.tri-right.border.left-top:before {
34+
content: ' ';
35+
position: absolute;
36+
width: 0;
37+
height: 0;
38+
left: -40px;
39+
right: auto;
40+
top: -8px;
41+
bottom: auto;
42+
border: 32px solid;
43+
border-color: #666 transparent transparent transparent;
44+
}
45+
46+
.tri-right.left-top:after {
47+
content: ' ';
48+
position: absolute;
49+
width: 0;
50+
height: 0;
51+
left: -20px;
52+
right: auto;
53+
top: 0px;
54+
bottom: auto;
55+
border: 22px solid;
56+
border-color: lightyellow transparent transparent transparent;
57+
}
58+
59+
/* Right triangle, left side slightly down */
60+
.tri-right.border.left-in:before {
61+
content: ' ';
62+
position: absolute;
63+
width: 0;
64+
height: 0;
65+
left: -40px;
66+
right: auto;
67+
top: 30px;
68+
bottom: auto;
69+
border: 20px solid;
70+
border-color: #666 #666 transparent transparent;
71+
}
72+
73+
.tri-right.left-in:after {
74+
content: ' ';
75+
position: absolute;
76+
width: 0;
77+
height: 0;
78+
left: -20px;
79+
right: auto;
80+
top: 38px;
81+
bottom: auto;
82+
border: 12px solid;
83+
border-color: lightyellow lightyellow transparent transparent;
84+
}
85+
86+
/*Right triangle, placed bottom left side slightly in*/
87+
.tri-right.border.btm-left:before {
88+
content: ' ';
89+
position: absolute;
90+
width: 0;
91+
height: 0;
92+
left: -8px;
93+
right: auto;
94+
top: auto;
95+
bottom: -40px;
96+
border: 32px solid;
97+
border-color: transparent transparent transparent #666;
98+
}
99+
100+
.tri-right.btm-left:after {
101+
content: ' ';
102+
position: absolute;
103+
width: 0;
104+
height: 0;
105+
left: 0px;
106+
right: auto;
107+
top: auto;
108+
bottom: -20px;
109+
border: 22px solid;
110+
border-color: transparent transparent transparent lightyellow;
111+
}
112+
113+
/*Right triangle, placed bottom left side slightly in*/
114+
.tri-right.border.btm-left-in:before {
115+
content: ' ';
116+
position: absolute;
117+
width: 0;
118+
height: 0;
119+
left: 30px;
120+
right: auto;
121+
top: auto;
122+
bottom: -40px;
123+
border: 20px solid;
124+
border-color: #666 transparent transparent #666;
125+
}
126+
127+
.tri-right.btm-left-in:after {
128+
content: ' ';
129+
position: absolute;
130+
width: 0;
131+
height: 0;
132+
left: 38px;
133+
right: auto;
134+
top: auto;
135+
bottom: -20px;
136+
border: 12px solid;
137+
border-color: lightyellow transparent transparent lightyellow;
138+
}
139+
140+
/*Right triangle, placed bottom right side slightly in*/
141+
.tri-right.border.btm-right-in:before {
142+
content: ' ';
143+
position: absolute;
144+
width: 0;
145+
height: 0;
146+
left: auto;
147+
right: 30px;
148+
bottom: -40px;
149+
border: 20px solid;
150+
border-color: #666 #666 transparent transparent;
151+
}
152+
153+
.tri-right.btm-right-in:after {
154+
content: ' ';
155+
position: absolute;
156+
width: 0;
157+
height: 0;
158+
left: auto;
159+
right: 38px;
160+
bottom: -20px;
161+
border: 12px solid;
162+
border-color: lightyellow lightyellow transparent transparent;
163+
}
164+
165+
/*
166+
left: -8px;
167+
right: auto;
168+
top: auto;
169+
bottom: -40px;
170+
border: 32px solid;
171+
border-color: transparent transparent transparent #666;
172+
left: 0px;
173+
right: auto;
174+
top: auto;
175+
bottom: -20px;
176+
border: 22px solid;
177+
border-color: transparent transparent transparent lightyellow;
178+
179+
/*Right triangle, placed bottom right side slightly in*/
180+
.tri-right.border.btm-right:before {
181+
content: ' ';
182+
position: absolute;
183+
width: 0;
184+
height: 0;
185+
left: auto;
186+
right: -8px;
187+
bottom: -40px;
188+
border: 20px solid;
189+
border-color: #666 #666 transparent transparent;
190+
}
191+
192+
.tri-right.btm-right:after {
193+
content: ' ';
194+
position: absolute;
195+
width: 0;
196+
height: 0;
197+
left: auto;
198+
right: 0px;
199+
bottom: -20px;
200+
border: 12px solid;
201+
border-color: lightyellow lightyellow transparent transparent;
202+
}
203+
204+
/* Right triangle, right side slightly down*/
205+
.tri-right.border.right-in:before {
206+
content: ' ';
207+
position: absolute;
208+
width: 0;
209+
height: 0;
210+
left: auto;
211+
right: -40px;
212+
top: 30px;
213+
bottom: auto;
214+
border: 20px solid;
215+
border-color: #666 transparent transparent #666;
216+
}
217+
218+
.tri-right.right-in:after {
219+
content: ' ';
220+
position: absolute;
221+
width: 0;
222+
height: 0;
223+
left: auto;
224+
right: -20px;
225+
top: 38px;
226+
bottom: auto;
227+
border: 12px solid;
228+
border-color: lightyellow transparent transparent lightyellow;
229+
}
230+
231+
/* Right triangle placed top right flush. */
232+
.tri-right.border.right-top:before {
233+
content: ' ';
234+
position: absolute;
235+
width: 0;
236+
height: 0;
237+
left: auto;
238+
right: -40px;
239+
top: -8px;
240+
bottom: auto;
241+
border: 32px solid;
242+
border-color: #666 transparent transparent transparent;
243+
}
244+
245+
.tri-right.right-top:after {
246+
content: ' ';
247+
position: absolute;
248+
width: 0;
249+
height: 0;
250+
left: auto;
251+
right: -20px;
252+
top: 0px;
253+
bottom: auto;
254+
border: 20px solid;
255+
border-color: lightyellow transparent transparent transparent;
256+
}
257+
258+
/* talk bubble contents */
259+
.talktext {
260+
padding: 1em;
261+
text-align: left;
262+
line-height: 1.5em;
263+
}
264+
265+
.talktext p {
266+
/* remove webkit p margins */
267+
-webkit-margin-before: 0em;
268+
-webkit-margin-after: 0em;
269+
}
270+
</style>
271+
<div class="talk-bubble tri-right left-top">
272+
<div class="talktext">
273+
<p>This one adds a right triangle on the left, flush at the top by using .tri-right and .left-top to specify the location.</p>
274+
</div>
275+
</div>
276+
<div class="talk-bubble tri-right right-top">
277+
<div class="talktext">
278+
<p>This one adds a right triangle on the left, flush at the top by using .tri-right and .left-top to specify the location.</p>
279+
</div>
280+
</div>
281+
</body>
282+
283+
</html>

‎bonus/icon/AB logo.png‎

47.2 KB
Loading

‎html/api/v1/oauth/callback/index.html‎

Lines changed: 19 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -8,23 +8,23 @@
88
<meta name="theme-color" content="#86c8ed">
99
<link rel="canonical" href="https://asperboard.pingpal.news/api/v1/oauth/callback/">
1010
<meta property="og:url" content="https://asperboard.pingpal.news/api/v1/oauth/callback/">
11-
<meta name="twitter:title" content="Asperboard">
12-
<meta name="author" content="Henry LETELLIER, Flavien Maillard">
13-
<meta name="robots" content="index, follow, max-image-preview:standard">
14-
<meta name="copyright" content="© Henry Letellier">
15-
<meta name="publisher" content="Henry Letellier">
16-
<meta property="og:type" content="website">
17-
<meta name="twitter:card" content="summary_large_image">
1811
<meta name="twitter:description" content="This is the mockup of the project Asperboard. So far it contains the connection page, a mockup for the asperboard, discuss, follow up, logout. This mockup is front-end only, any data is only stored locally.">
12+
<meta name="twitter:card" content="summary_large_image">
13+
<meta property="og:type" content="website">
14+
<meta name="publisher" content="Henry Letellier">
15+
<meta name="copyright" content="© Henry Letellier">
16+
<meta name="robots" content="index, follow, max-image-preview:standard">
17+
<meta name="author" content="Henry LETELLIER, Flavien Maillard">
18+
<meta name="twitter:title" content="Asperboard">
1919
<meta name="description" content="This is the mockup of the project Asperboard. So far it contains the connection page, a mockup for the asperboard, discuss, follow up, logout. This mockup is front-end only, any data is only stored locally.">
20-
<meta property="og:image" content="https://asperboard.pingpal.news/assets/img/DashBoard logo.png">
21-
<link rel="icon" type="image/png" sizes="912x1036" href="../../../../assets/img/DashBoard%20logo.png">
22-
<link rel="icon" type="image/png" sizes="912x1036" href="../../../../assets/img/DashBoard%20logo.png" media="(prefers-color-scheme: dark)">
23-
<link rel="icon" type="image/png" sizes="912x1036" href="../../../../assets/img/DashBoard%20logo.png">
24-
<link rel="icon" type="image/png" sizes="912x1036" href="../../../../assets/img/DashBoard%20logo.png" media="(prefers-color-scheme: dark)">
25-
<link rel="icon" type="image/png" sizes="912x1036" href="../../../../assets/img/DashBoard%20logo.png">
26-
<link rel="icon" type="image/png" sizes="912x1036" href="../../../../assets/img/DashBoard%20logo.png">
27-
<link rel="icon" type="image/png" sizes="912x1036" href="../../../../assets/img/DashBoard%20logo.png">
20+
<meta property="og:image" content="https://asperboard.pingpal.news/assets/img/AB logo.png">
21+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../../../assets/img/AB%20logo.png">
22+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../../../assets/img/AB%20logo.png" media="(prefers-color-scheme: dark)">
23+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../../../assets/img/AB%20logo.png">
24+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../../../assets/img/AB%20logo.png" media="(prefers-color-scheme: dark)">
25+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../../../assets/img/AB%20logo.png">
26+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../../../assets/img/AB%20logo.png">
27+
<link rel="icon" type="image/png" sizes="1270x1221" href="../../../../assets/img/AB%20logo.png">
2828
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
2929
<link rel="manifest" href="../../../../manifest.json" crossorigin="use-credentials">
3030
<link rel="stylesheet" href="../../../../assets/css/OpenDyslexic.css">
@@ -33,8 +33,11 @@
3333
<link rel="stylesheet" href="../../../../assets/css/OpenDyslexicAlta.css">
3434
<link rel="stylesheet" href="../../../../assets/css/OpenDyslexicMono.css">
3535
<link rel="stylesheet" href="../../../../assets/css/banner.css">
36+
<link rel="stylesheet" href="../../../../assets/css/bubbles.css">
3637
<link rel="stylesheet" href="../../../../assets/css/dropdown.css">
38+
<link rel="stylesheet" href="../../../../assets/css/header_button.css">
3739
<link rel="stylesheet" href="../../../../assets/css/Login-Form-Basic-icons.css">
40+
<link rel="stylesheet" href="../../../../assets/css/Toggle-Switches.css">
3841
</head>
3942

4043
<body>
@@ -54,6 +57,7 @@
5457
<script src="../../../../assets/js/theme_toggler.js"></script>
5558
<script src="../../../../assets/js/banners/cookies.js"></script>
5659
<script src="../../../../assets/js/callback/redirect.js"></script>
60+
<script src="../../../../assets/js/change_toggle_option.js"></script>
5761
<script src="../../../../assets/js/dashboard/logout.js"></script>
5862
</body>
5963

0 commit comments

Comments
 (0)