Skip to content

Commit 8304ea8

Browse files
mirumodaponmirumodapon
authored
Merge pull request #28 from COSCUP/feat/home-page
Home page and Footer
2 parents a18031a + 6cb428d commit 8304ea8

File tree

6 files changed

+170
-0
lines changed

6 files changed

+170
-0
lines changed

‎.vitepress/theme/Layout.vue

+1
Original file line numberDiff line numberDiff line change
@@ -6,4 +6,5 @@ import DefaultTheme from 'vitepress/theme'
66
<DefaultTheme.Layout>
77
<Content />
88
</DefaultTheme.Layout>
9+
<Footer />
910
</template>

‎.vitepress/theme/style.css

+10
Original file line numberDiff line numberDiff line change
@@ -128,3 +128,13 @@
128128
.DocSearch {
129129
--docsearch-primary-color: var(--vp-c-brand-1) !important;
130130
}
131+
132+
/**
133+
* Component: Aside
134+
* -------------------------------------------------------------------------- */
135+
136+
.aside-container {
137+
position: sticky !important;
138+
padding-top: 0 !important;
139+
top: calc(var(--vp-nav-height) + var(--vp-layout-top-height, 0px) + var(--vp-doc-top-height, 0px) + 48px) !important;
140+
}

‎components/Footer.vue

+121
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<script setup lang="ts">
2+
import { conference } from '#data/conference.js'
3+
</script>
4+
5+
<template>
6+
<footer id="footer">
7+
<section class="title">
8+
<h1>COSCUP</h1>
9+
<h2>Conference for Open Source Coders, User, and Promoters</h2>
10+
</section>
11+
<section class="contact">
12+
<div>
13+
<p>Attendee Service</p>
14+
<p>[email protected]</p>
15+
</div>
16+
<div>
17+
<p>Sponsorship</p>
18+
<p>[email protected]</p>
19+
</div>
20+
<div>
21+
<p>Program</p>
22+
<p>[email protected]</p>
23+
</div>
24+
<div>
25+
<p>Attendee Service</p>
26+
<p>[email protected]</p>
27+
</div>
28+
</section>
29+
<section class="history">
30+
<h1>Websites</h1>
31+
<p>
32+
<span
33+
v-for="year in Array.from({ length: conference.year - 2006 }, (_, k) => k + 2006)"
34+
:key="year"
35+
>
36+
{{ year }}
37+
</span>
38+
</p>
39+
</section>
40+
<section class="social">
41+
<h1>Social Media</h1>
42+
<p>
43+
<a href="https://blog.coscup.org">
44+
<IconFaBrandsBlogger />
45+
</a>
46+
<a href="https://www.facebook.com/coscup">
47+
<IconFaBrandsFacebookSquare />
48+
</a>
49+
<a href="https://www.flickr.com/photos/coscup">
50+
<IconFaBrandsFlickr />
51+
</a>
52+
<a href="https://twitter.com/coscup">
53+
<IconFaBrandsTwitterSquare />
54+
</a>
55+
<a href="https://www.youtube.com/user/thecoscup">
56+
<IconFaBrandsYoutubeSquare />
57+
</a>
58+
<a href="https://t.me/coscupchat">
59+
<IconFaBrandsTelegram />
60+
</a>
61+
<a href="https://coscup.medium.com/">
62+
<IconFaBrandsMedium />
63+
</a>
64+
</p>
65+
</section>
66+
</footer>
67+
</template>
68+
69+
<style scoped>
70+
#footer {
71+
border-top: 1px solid var(--vp-c-gutter);
72+
padding: 32px 64px;
73+
}
74+
75+
#footer section {
76+
margin: 50px 0;
77+
}
78+
79+
#footer h1 {
80+
font-size: 28px;
81+
font-weight: bold;
82+
text-align: center;
83+
84+
margin: 20px;
85+
}
86+
87+
#footer h2 {
88+
font-size: 20px;
89+
text-align: center;
90+
91+
margin: 20px;
92+
}
93+
94+
#footer .contact {
95+
display: flex;
96+
justify-content: space-evenly;
97+
flex-wrap: wrap;
98+
99+
font-size: 18px;
100+
text-align: center;
101+
row-gap: 25px;
102+
}
103+
104+
#footer :where(.history, .social) p {
105+
display: flex;
106+
justify-content: center;
107+
flex-wrap: wrap;
108+
row-gap: 25px;
109+
}
110+
111+
#footer :where(.history, .social) :is(span, a) {
112+
display: inline-block;
113+
width: 65px;
114+
115+
text-align: center;
116+
}
117+
118+
#footer .social {
119+
font-size: 24px;
120+
}
121+
</style>

‎content/index.md

+27
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,31 @@ hero:
77
text: 社群大拜拜
88
tagline: Conference for Open Source Coders, Users & Promoters
99
actions:
10+
- theme: alt
11+
text: Time & Location
12+
link: /event
13+
- theme: alt
14+
text: Session
15+
link: #
16+
features:
17+
- title: COSCUP Welcome party
18+
icon: 🎉
19+
details: COSCUP 2024 Welcome party will be held on 2024-08-02. Welcome to join us and cheers with speakers and open source folk.
20+
link: #
21+
linkText: More
22+
- title: BoF/hacking room
23+
icon: 🧑🏻‍💻
24+
details: Meet open-source people and communities you follow at the BoF/hacking room during the event!
25+
link: #
26+
linkText: More
27+
- title: Donate
28+
icon: 🤝
29+
details: COSCUP is held by volunteers of Open Source Communities in Tailwan. We reply on sponsorship and individual supporters like you to maintain COSCUP annually.
30+
link: #
31+
linkText: More
32+
- title: Subscribe newsletter
33+
icon: 📰
34+
details: Please feel free to subscribe to our newsletter. You will receive important reminders and exciting activities.
35+
link: #
36+
linkText: More
1037
---

‎package.json

+1
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@
1414
"type-check": "vue-tsc"
1515
},
1616
"dependencies": {
17+
"@iconify-json/fa-brands": "^1.2.1",
1718
"@vueuse/core": "^11.0.3",
1819
"calendar-link": "^2.7.0",
1920
"leaflet": "^1.9.4",

‎pnpm-lock.yaml

+10
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)