Skip to content

Commit a383328

Browse files
bagusnlbagusnl
committed
changeeess
1 parent a262e58 commit a383328

File tree

14 files changed

+360
-250
lines changed

14 files changed

+360
-250
lines changed

‎.gitignore‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
home/.vitepress/cache/**
2-
node_modules/**
1+
**/.vitepress/cache/**
2+
node_modules/**

‎home/.vitepress/config.mts‎

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,14 @@ import { defineConfig } from 'vitepress'
44
export default defineConfig({
55
title: "Collapse Launcher",
66
description: "An advanced launcher for HoYoverse Games",
7+
head: [
8+
['link', { rel: 'icon', href: 'icon.ico' }]
9+
],
710
themeConfig: {
811
// https://vitepress.dev/reference/default-theme-config
912
nav: [
1013
{ text: 'Home', link: '/' },
11-
{ text: 'Examples', link: '/markdown-examples'},
12-
{ text: 'Team', link: '/team'}
14+
{ text: 'Team', link: '/team' }
1315
],
1416

1517
sidebar: [
@@ -27,3 +29,4 @@ export default defineConfig({
2729
]
2830
}
2931
})
32+

‎home/index.css‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
/* body {
2+
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
3+
url('../res/img/banner.webp');
4+
background-size:contain;
5+
background-repeat: no-repeat;
6+
background-attachment:inherit;
7+
} */
8+
9+
:root {
10+
--vp-c-bg: #ffffff;
11+
--vp-c-bg-alt: #f6f6f7;
12+
--vp-c-bg-elv: #ffffff;
13+
--vp-c-bg-soft: #f6f6f7;
14+
}
15+
16+
.dark {
17+
--vp-c-bg: #1b1b1f;
18+
--vp-c-bg-alt: #161618;
19+
--vp-c-bg-elv: #202127;
20+
--vp-c-bg-soft: #202127;
21+
}

‎home/index.md‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,14 @@ hero:
66
name: "Collapse Launcher"
77
text: "An advanced launcher for HoYoverse Games"
88
tagline: Take the control upon your hands
9+
image:
10+
src: /img/logo.png
11+
alt: Collapse Launcher Logo
12+
style:
13+
size: 200%
14+
opacity: 0.8
15+
position: absolute
16+
z-index: 0
917
actions:
1018
- theme: brand
1119
text: Markdown Examples
@@ -25,9 +33,16 @@ features:
2533
- title: Sophon API Support
2634
details: Able to use Sophon API on supported games for faster and smaller game downloads/update
2735
---
36+
<script setup>
37+
import './index.css'
38+
import vtuberLogo from './scripts/index.logo.vue'
39+
</script>
40+
2841
&nbsp;
2942
&nbsp;
3043

44+
<vtuberLogo />
45+
3146
# Why "Collapse"?
3247
Collapse came from the **Honkai Impact** translation in Chinese and Japanese. The word came from [**崩坏**] or **Bēng huài** in Chinese and also [**崩壊**] or **Houkai** in Japanese, both meaning "**Collapse**" which is why we chose it as our launcher name with the added inspiration that this was supposed to be an alternative (enhanced) launcher for *Honkai Impact 3rd* in the first place.
3348

‎home/public/icon.ico‎

316 KB
Binary file not shown.

‎home/public/img/banner.webp‎

334 KB
Loading

‎home/public/img/logo.png‎

308 KB
Loading

‎home/public/img/vtuber.png‎

783 KB
Loading

‎home/scripts/index.logo.vue‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<template>
2+
<section class="vtuber-logo">
3+
<p align="center">
4+
<img width="512px" height="auto"
5+
src="/img/vtuber.png" /><br />
6+
<i>I know, it's not a good one. But at least we made it lol</i>
7+
<i>~ neon-nyan</i>
8+
<img
9+
src="/img/banner.webp" />
10+
</p>
11+
</section>
12+
</template>

‎home/scripts/team.vue‎

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
<template>
2+
<section class="team-section">
3+
<h1>Meet the Team</h1>
4+
5+
<div class="team-category">
6+
<h2>Core Developers</h2>
7+
<p>&nbsp;</p>
8+
<div class="team-member core-developers" :class="{ 'reverse': index % 2 !== 0 }" v-for="(member, index) in coreDevelopers" :key="member.name">
9+
<img :src="member.image" :alt="member.name" />
10+
<div class="info" :class="{ 'align-right': index % 2 !== 0 }">
11+
<a :href="member.github" target="_blank"><h3>{{ member.name }} <span>({{ member.username }})</span></h3></a>
12+
<p><strong>Role:</strong> <i>{{ member.role }}</i></p>
13+
</div>
14+
</div>
15+
</div>
16+
17+
<div class="team-category">
18+
<h2>Other Contributors</h2>
19+
<div class="contributors-grid">
20+
<div class="contributor" v-for="contributor in contributors" :key="contributor.name">
21+
<img :src="contributor.image" :alt="contributor.name" />
22+
<a :href="contributor.link" target="_blank"><p><strong>{{ contributor.name }}</strong></p></a>
23+
<p>{{ contributor.contributions }}</p>
24+
</div>
25+
</div>
26+
</div>
27+
</section>
28+
</template>
29+
30+
<script>
31+
import { coreDevelopers, contributors } from './teamData.js';
32+
export default {
33+
data() {
34+
return {
35+
coreDevelopers,
36+
contributors
37+
};
38+
}
39+
};
40+
</script>
41+
42+
<style>
43+
.team-section {
44+
font-family: Arial, sans-serif;
45+
padding: 2em;
46+
max-width: 1500px;
47+
margin: 0 auto;
48+
display: flex;
49+
flex-direction: column;
50+
align-items: center;
51+
}
52+
53+
h1 {
54+
text-align: center;
55+
font-size: 2.5em;
56+
margin-bottom: 1em;
57+
}
58+
59+
.team-category {
60+
margin-top: 2em;
61+
width: 100%;
62+
}
63+
64+
.core-developers {
65+
max-width: 1000px;
66+
margin: 0 auto;
67+
}
68+
69+
h2 {
70+
font-size: 2em;
71+
border-bottom: 2px solid #ccc;
72+
padding-bottom: 0.5em;
73+
}
74+
75+
.team-member {
76+
display: flex;
77+
align-items: center;
78+
margin-bottom: 1.5em;
79+
}
80+
81+
.team-member.reverse {
82+
flex-direction: row-reverse;
83+
}
84+
85+
.team-member img {
86+
border-radius: 50%;
87+
width: 100px;
88+
height: 100px;
89+
object-fit: cover;
90+
margin-right: 1em;
91+
}
92+
93+
.team-member.reverse img {
94+
margin-right: 0;
95+
margin-left: 1em;
96+
}
97+
98+
.team-member .info {
99+
max-width: 600px;
100+
}
101+
102+
.team-member .info.align-right {
103+
text-align: right;
104+
}
105+
106+
.team-member h3 {
107+
margin: 0;
108+
font-size: 1.5em;
109+
}
110+
111+
.team-member h3 span {
112+
font-size: 1em;
113+
color: #777;
114+
}
115+
116+
.contributors-grid {
117+
display: grid;
118+
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
119+
gap: 1em;
120+
justify-items: center;
121+
align-items: start;
122+
margin-top: 1em;
123+
justify-content: center;
124+
}
125+
126+
@media (min-width: 768px) {
127+
.contributors-grid {
128+
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
129+
justify-content: center;
130+
}
131+
}
132+
133+
.contributor {
134+
text-align: center;
135+
font-size: 0.9rem;
136+
display: flex;
137+
flex-direction: column;
138+
align-items: center;
139+
justify-content: start;
140+
}
141+
142+
.contributor img {
143+
border-radius: 50%;
144+
width: 80px;
145+
height: 80px;
146+
display: block;
147+
object-fit: cover;
148+
align-self: center;
149+
margin: 0 auto;
150+
}
151+
152+
.contributor p {
153+
display: block;
154+
margin-top: 0.5em;
155+
margin: 0.2em 0;
156+
}
157+
158+
/*
159+
.contributor p {
160+
margin: 0.2em 0;
161+
} */
162+
</style>

0 commit comments

Comments
 (0)