Skip to content

Commit ee4c0ff

Browse files
RainyXeonRainyXeon
authored
add: full website structure and ui after long development (#2)
* fix: file path to run on test enviroment * fix!: performance issues in some device related to blur * fix: mobile look for history section * remove: pills for nav-item * add: avaliable link for navbar * remove: backdrop filter for ambient background * improve: font size and look for history section * improve: menu modal can click item or background to escape * improve: brand navbar button can get back to the home page * improve: mobile ui overall; add: menu button and 404 page This commit will improve the mobile ui, add 404 page, menu button and some tweak to work with new test enviroment * remove: color shade for brand name Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * Set background color of nav brand name to initial Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * move: third party assets to 3rdparty folder; improve: menu button * move: header and footer as renderer * remove: reload when click on logo or name * improve: scroll instead of jump * improve: scroll for each section * fix: font spacing not evenly Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * update: full google sans flex font Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * fix: grammar issues on the footer Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * remove: left over file * remove: header spacing * improve: modal navbar menu ui * refactor: code structure, ui for history, add members section * improve: member card ui in mobile * fix: perfc logo not shown in mobile view * add: new pattern for pedro * improve: performance for member card Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * fix: background not show Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * add: silly_pedro.svg * add: new pattern for tehpig and nicolas * add: projects section, improve: members handling and code * fix: member social media not shown Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * add: framed perfc icon and better footer * fix: history margin and projects list * improve: remove duplicated code and reorganize * add: social media section * fix: perfc org telegram channel link * improve: social media icon border Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * fix: icon border too thick Signed-off-by: 蒼雨 <rainyxeon@gmail.com> * improve: social media card * add: email contact support * fix: screen size for 100px to 1300px --------- Signed-off-by: 蒼雨 <rainyxeon@gmail.com>
1 parent 91c0060 commit ee4c0ff

35 files changed

Lines changed: 3161 additions & 186 deletions

‎404.html‎

Lines changed: 57 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- INFO: Metadata -->
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>404 | PerfomanC</title>
8+
<meta name="description" content="Working for the best of the future">
9+
<meta name="robots" content="index, follow">
10+
<meta http-equiv="content-language" content="en">
11+
<meta name="author" content="PerformanC">
12+
<!-- INFO: Open Graph Metadata -->
13+
<meta property="og:title" content="404 | PerfomanC">
14+
<meta property="og:description" content="Working for the best of the future">
15+
<meta property="og:image" content="https://performanc.org/assets/performanc/logo.png">
16+
<meta property="og:url" content="https://performanc.org/">
17+
<meta property="og:type" content="website">
18+
<!-- INFO: Twitter Card Metadata -->
19+
<meta name="twitter:title" content="404 | PerfomanC">
20+
<meta name="twitter:description" content="Working for the best of the future">
21+
<meta name="twitter:image" content="https://performanc.org/assets/performanc/logo.png">
22+
<!--INFO: Links -->
23+
<link rel="icon" type="image/png" href="/assets/performanc/favicon.png">
24+
<link rel="canonical" href="https://performanc.org/">
25+
<link rel="stylesheet" href="/global/css/gui-toolkit.css" />
26+
<link rel="stylesheet" href="/index.css" />
27+
<!-- INFO: Scripts -->
28+
<script src="/global/js/renderer.js" type="module"></script>
29+
<script type="module" src="/index.js"></script>
30+
</head>
31+
<body>
32+
<background>
33+
<background-circle class="circle-1 depth-far"></background-circle>
34+
<background-circle class="circle-2 depth-mid"></background-circle>
35+
<background-circle class="circle-3 depth-near"></background-circle>
36+
<background-circle class="circle-4 depth-far"></background-circle>
37+
<background-circle class="circle-5 depth-mid"></background-circle>
38+
<background-circle class="circle-6 depth-near"></background-circle>
39+
<background-circle class="circle-7 depth-far"></background-circle>
40+
<background-circle class="circle-8 depth-mid"></background-circle>
41+
<background-circle class="circle-9 depth-near"></background-circle>
42+
<background-circle class="circle-10 depth-far"></background-circle>
43+
<background-circle class="circle-11 depth-mid"></background-circle>
44+
<background-circle class="circle-12 depth-near"></background-circle>
45+
<background-circle class="circle-13 depth-far"></background-circle>
46+
</background>
47+
48+
<div id="home">
49+
<hero-section>
50+
<hero-content>
51+
<h1 class="hero-header">404 – Nothing here</h1>
52+
<p style="font-size: 20px;">The requested page could not be found. Please check the URL or return to the homepage.</p>
53+
</hero-content>
54+
</hero-section>
55+
</div>
56+
</body>
57+
</html>

assets/fonts/google.ttf renamed to assets/3rdparty/fonts/google.ttf

File renamed without changes.

‎assets/3rdparty/fonts/index.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
@font-face {
2+
font-family: "Google";
3+
src: url(/assets/3rdparty/fonts/google.ttf);
4+
}

‎assets/3rdparty/icons/bluesky.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎assets/3rdparty/icons/default_pattern.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎assets/3rdparty/icons/discord.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎assets/3rdparty/icons/email.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎assets/3rdparty/icons/github.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎assets/3rdparty/icons/menu.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎assets/3rdparty/icons/telegram.svg‎

Lines changed: 3 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)