Skip to content

Commit da4456d

Browse files
mateahowardCopilot
mateahoward
and
Copilot
authored
update website to reflect no new members accepted (#186)
* update website * Update src/components/secondary-pages/About.vue Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
1 parent b902dff commit da4456d

9 files changed

Lines changed: 1064 additions & 1052 deletions

File tree

‎src/components/Footer.vue‎

Lines changed: 123 additions & 139 deletions
Original file line numberDiff line numberDiff line change
@@ -1,158 +1,142 @@
11
<template>
2-
<footer>
3-
<section class="columns">
4-
<aside class="left-column">
5-
<p> Join us: </p>
2+
<footer>
3+
<section class="columns">
4+
<aside class="left-column">
5+
<p>Join us:</p>
66

7-
<a href="https://discord.com/invite/JdGZbZYDvd" target="_blank">
7+
<!-- <a href="https://discord.com/invite/JdGZbZYDvd" target="_blank">
88
<img src="../assets/images/footer/discord.png" alt=""/>
99
discord
10-
</a>
10+
</a> -->
1111

12-
<a href="https://github.com/Junior-Developer-Group" target="_blank">
13-
<img src="../assets/images/footer/github-logo.png" alt=""/>
14-
github
15-
</a>
12+
<a href="https://github.com/Junior-Developer-Group" target="_blank">
13+
<img src="../assets/images/footer/github-logo.png" alt="" />
14+
github
15+
</a>
1616

17-
<a href="https://www.instagram.com/juniordevelopergroup/" target="_blank">
18-
<img src="../assets/images/footer/instagram-logo.png" alt=""/>
19-
instagram
20-
</a>
17+
<!-- <a href="https://www.instagram.com/juniordevelopergroup/" target="_blank">
18+
<img src="../assets/images/footer/instagram-logo.png" alt="" />
19+
instagram
20+
</a> -->
2121

22-
<a href="https://gather.town/app/EXCj9n8cz6KDtw3p/Junior%20Dev%20HQ" target="_blank">
22+
<!-- <a href="https://gather.town/app/EXCj9n8cz6KDtw3p/Junior%20Dev%20HQ" target="_blank">
2323
<img src="../assets/images/footer/gather.png" alt="" />
2424
gather
25-
</a>
26-
27-
</aside>
28-
29-
<aside class="right-column">
30-
<p> Important Links: </p>
31-
32-
<a href="https://junior-developer-group.github.io/group-resources/" target="_blank">
33-
group resources
34-
</a>
35-
36-
<a href="/privacy">
37-
privacy policy
38-
</a>
39-
40-
<a href="/remove-data">
41-
Remove my data
42-
</a>
43-
</aside>
44-
</section>
45-
46-
<section class="copyright">
47-
<p> © Junior Developer Group, {{ currentYear }}</p>
48-
</section>
49-
</footer>
50-
</template>
25+
</a> -->
26+
</aside>
27+
28+
<aside class="right-column">
29+
<p>Important Links:</p>
30+
31+
<a href="https://junior-developer-group.github.io/group-resources/" target="_blank">
32+
group resources
33+
</a>
5134

35+
<a href="/privacy"> privacy policy </a>
36+
37+
<a href="/remove-data"> Remove my data </a>
38+
</aside>
39+
</section>
40+
41+
<section class="copyright">
42+
<p>© Junior Developer Group, {{ currentYear }}</p>
43+
</section>
44+
</footer>
45+
</template>
5246

5347
<script>
5448
export default {
55-
// eslint-disable-next-line vue/multi-word-component-names
56-
name: 'Footer-Component',
57-
data() {
58-
return {
59-
date: new Date()
60-
}
61-
},
62-
computed: {
63-
currentYear() {
64-
return this.date.getFullYear()
65-
}
66-
}
67-
49+
// eslint-disable-next-line vue/multi-word-component-names
50+
name: 'Footer-Component',
51+
data() {
52+
return {
53+
date: new Date(),
54+
}
55+
},
56+
computed: {
57+
currentYear() {
58+
return this.date.getFullYear()
59+
},
60+
},
6861
}
6962
</script>
7063

71-
7264
<style lang="scss" scoped>
65+
footer {
66+
background: #2c3e50;
67+
color: white;
68+
display: flex;
69+
padding: 20px;
70+
71+
justify-content: center;
72+
flex-direction: column;
73+
74+
.columns {
75+
display: flex;
76+
align-items: baseline;
77+
78+
aside {
79+
display: flex;
80+
flex-direction: column;
81+
width: 50%;
82+
justify-content: center;
83+
align-items: center;
84+
85+
p {
86+
font-weight: bold;
87+
font-size: 1.4em;
88+
text-decoration-line: underline;
89+
text-decoration-style: solid;
90+
text-decoration-color: #ffc22b;
91+
text-underline-offset: 10px;
92+
}
93+
94+
a {
95+
color: white;
96+
display: flex;
97+
align-items: center;
98+
99+
text-transform: capitalize;
100+
margin: 5px;
101+
102+
img {
103+
width: 30px;
104+
height: 30px;
105+
margin-right: 20px;
106+
}
107+
}
108+
}
109+
110+
.left-column a {
111+
width: 120px;
112+
padding: 3px;
113+
}
114+
}
115+
116+
.copyright {
117+
margin-top: 30px;
118+
text-align: center;
119+
}
120+
}
73121
122+
@media (max-width: 520px) {
123+
.columns {
124+
flex-direction: column;
125+
justify-content: center;
126+
align-items: center !important;
127+
128+
aside {
129+
width: 90% !important;
130+
margin-bottom: 30px;
131+
}
132+
}
133+
}
74134
75-
footer {
76-
77-
background: #2c3e50;
78-
color: white;
79-
display: flex;
80-
padding: 20px;
81-
82-
justify-content: center;
83-
flex-direction: column;
84-
85-
.columns {
86-
display: flex;
87-
align-items: baseline;
88-
89-
aside {
90-
display: flex;
91-
flex-direction: column;
92-
width: 50%;
93-
justify-content: center;
94-
align-items: center;
95-
96-
p {
97-
font-weight: bold;
98-
font-size: 1.4em;
99-
text-decoration-line: underline;
100-
text-decoration-style: solid;
101-
text-decoration-color: #ffc22b;
102-
text-underline-offset: 10px;
103-
}
104-
105-
a {
106-
color: white;
107-
display: flex;
108-
align-items: center;
109-
110-
text-transform: capitalize;
111-
margin: 5px;
112-
113-
img {
114-
width: 30px;
115-
height: 30px;
116-
margin-right: 20px;
117-
}
118-
}
119-
}
120-
121-
.left-column a {
122-
width: 120px;
123-
padding: 3px;
124-
}
125-
}
126-
127-
128-
.copyright {
129-
margin-top: 30px;
130-
text-align: center;
131-
}
132-
}
133-
134-
135-
136-
@media (max-width: 520px) {
137-
.columns {
138-
flex-direction: column;
139-
justify-content: center;
140-
align-items: center!important;
141-
142-
aside {
143-
width: 90%!important;
144-
margin-bottom: 30px;
145-
}
146-
}
147-
}
148-
149-
150-
@media (max-width: 350px) {
151-
footer .columns aside{
152-
p {
153-
font-size: 1.2em;
154-
}
155-
}
156-
}
157-
158-
</style>
135+
@media (max-width: 350px) {
136+
footer .columns aside {
137+
p {
138+
font-size: 1.2em;
139+
}
140+
}
141+
}
142+
</style>

0 commit comments

Comments
 (0)