Skip to content

Commit 145b0ae

Browse files
YukariChibaYukariChiba
committed
develop
1 parent 116f94c commit 145b0ae

File tree

10 files changed

+1256
-69
lines changed

10 files changed

+1256
-69
lines changed

‎src/App.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,4 +25,4 @@ export default {
2525
.container {
2626
max-width: 960px;
2727
}
28-
</style>
28+
</style>

‎src/assets/map.svg

Lines changed: 1072 additions & 0 deletions
Loading

‎src/components/Home/About.vue

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,18 @@
44
<v-container>
55
<v-responsive class="overflow-visible">
66
<div class="text-h3 font-weight-light mb-4">About Us</div>
7-
<p
8-
class="font-weight-light"
9-
>IX42 (Internet eXchange 42) is a large-scale experimental Internet eXchange, which aims to provide high-efficiency, low-cost and even zero-cost interconnection solutions for small and medium-sized networks, academic and experimental networks, and personal network operators distributed around the world.</p>
107
<p class="font-weight-light">
11-
At the same time, we have cooperated with many network operators to deploy the latest and quite experimental software and hardware solutions on our infrastructure.
12-
IX42 also offers remote peering and transport to other locations and networks as well as to other IXPs.
8+
IX42 (Internet eXchange 42) is a large-scale experimental Internet
9+
eXchange, which aims to provide high-efficiency, low-cost and even
10+
zero-cost interconnection solutions for small and medium-sized
11+
networks, academic and experimental networks, and personal network
12+
operators distributed around the world.
13+
</p>
14+
<p class="font-weight-light">
15+
At the same time, we have cooperated with many network operators to
16+
deploy the latest and quite experimental software and hardware
17+
solutions on our infrastructure. IX42 also offers remote peering and
18+
transport to other locations and networks as well as to other IXPs.
1319
</p>
1420
</v-responsive>
1521
</v-container>
@@ -21,5 +27,4 @@
2127
export default {};
2228
</script>
2329

24-
<style>
25-
</style>
30+
<style></style>

‎src/components/Home/Head.vue

Lines changed: 25 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -9,31 +9,46 @@
99
Affordable & Efficient
1010
<br />Interconnections
1111
</div>
12-
<p
13-
class="font-weight-light"
14-
>Internet eXchange 42 provides affordable and efficient interconnection services and operates several carrier and data center-neutral Internet Exchanges.</p>
12+
<p class="font-weight-light">
13+
Internet eXchange 42 provides affordable and efficient
14+
interconnection services and operates several carrier and data
15+
center-neutral Internet Exchanges.
16+
</p>
1517

16-
<div class="d-flex flex-wrap justify-left justify-md-start align-center mx-n2">
18+
<div
19+
class="d-flex flex-wrap justify-left justify-md-start align-center mx-n2"
20+
>
1721
<v-btn light class="primary--text ma-2" elevation="6" x-large>
18-
<v-icon left>mdi-map</v-icon>Get Connected
22+
<v-icon left>mdi-transit-connection-variant</v-icon>Get
23+
Connected
1924
</v-btn>
2025
<v-btn dark outlined class="ma-2" elevation="6" x-large>
21-
<v-icon left>mdi-map</v-icon>About Us
26+
<v-icon left>mdi-account-multiple</v-icon>About Us
2227
</v-btn>
28+
<p class="font-italic font-weight-light">
29+
Currently support Las Vegas and Singapore.
30+
</p>
2331
</div>
2432
</v-responsive>
2533
</v-col>
2634
<v-spacer />
27-
<v-col class="hidden-md-and-down"></v-col>
35+
<v-col class="hidden-md-and-down" cols="12" lg="6">
36+
<v-img :src="global_map" max-width="100%" />
37+
</v-col>
2838
</v-row>
2939
</v-container>
3040
</v-responsive>
3141
</section>
3242
</template>
3343

3444
<script>
35-
export default {};
45+
import global_map from "@/assets/map.svg";
46+
47+
export default {
48+
data: () => ({
49+
global_map: global_map
50+
})
51+
};
3652
</script>
3753

38-
<style>
39-
</style>
54+
<style></style>

‎src/components/Home/Numbers.vue

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,13 @@
33
<v-container>
44
<v-row>
55
<v-col cols="12" md="6" lg="3" v-for="i in numbers" :key="i.title">
6-
<v-card elevation="3" class="pt-2 pb-2">
7-
<v-card-title class="text-h3 font-weight-light justify-center">{{i.num}}</v-card-title>
8-
<v-card-subtitle class="text-center mt-1">{{i.title}}</v-card-subtitle>
6+
<v-card hover class="pt-2 pb-2">
7+
<v-card-title class="text-h3 font-weight-light justify-center">{{
8+
i.num
9+
}}</v-card-title>
10+
<v-card-subtitle class="text-center mt-1">{{
11+
i.title
12+
}}</v-card-subtitle>
913
</v-card>
1014
</v-col>
1115
</v-row>
@@ -38,5 +42,4 @@ export default {
3842
};
3943
</script>
4044

41-
<style>
42-
</style>
45+
<style></style>

‎src/components/Home/Sponsor.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,10 @@
33
<div class="text-h3 font-weight-light">Sponsors</div>
44
<v-row justify="center">
55
<v-col cols="8">
6-
<div
7-
class="title font-weight-light"
8-
>Thanks to the maintenance and sponsors of these companies or individuals, IX42 can maintain efficient and stable operations.</div>
6+
<div class="title font-weight-light">
7+
Thanks to the maintenance and sponsors of these companies or
8+
individuals, IX42 can maintain efficient and stable operations.
9+
</div>
910
</v-col>
1011
</v-row>
1112
<v-row v-for="r in sponsor_list" :key="r.row" justify="center">
@@ -38,5 +39,4 @@ export default {
3839
};
3940
</script>
4041

41-
<style>
42-
</style>
42+
<style></style>

‎src/components/layout/Footer.vue

Lines changed: 73 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -5,36 +5,86 @@
55
<v-row justify="center">
66
<v-col cols="8">
77
<v-row>
8-
<v-col cols="12" lg="6">
8+
<v-col cols="12" lg="5">
99
<v-card-text class="white--text pt-0">
10-
<h3>INTERNET EXCHANGE 42</h3>
11-
<br />Internet eXchange 42 is providing interconnections between various networks and autonomous systems.
10+
<div class="text-h5 font-weight-light mb-1">
11+
Internet eXchange 42
12+
</div>
13+
<br />Internet eXchange 42 is providing interconnections
14+
between various networks and autonomous systems.
1215
</v-card-text>
1316
</v-col>
1417
<v-col cols="6" lg="3">
1518
<v-card-text class="white--text pt-0">
16-
<h4>Services</h4>
17-
<router-link to="/policy">Policy</router-link>
18-
<router-link to="/rs-policy">RS Policy</router-link>
19-
<router-link to="/stats">Stats</router-link>
20-
<router-link to="/members">Members</router-link>
21-
<router-link to="/prices">Prices</router-link>
19+
<div class="text-h6 font-weight-light">Services</div>
20+
<router-link
21+
class="text-decoration-none white--text"
22+
to="/policy"
23+
>Policy</router-link
24+
>
25+
<br />
26+
<router-link
27+
class="text-decoration-none white--text"
28+
to="/rs-policy"
29+
>RS Policy</router-link
30+
>
31+
<br />
32+
<router-link
33+
class="text-decoration-none white--text"
34+
to="/stats"
35+
>Stats</router-link
36+
>
37+
<br />
38+
<router-link
39+
class="text-decoration-none white--text"
40+
to="/members"
41+
>Members</router-link
42+
>
43+
<br />
44+
<router-link
45+
class="text-decoration-none white--text"
46+
to="/prices"
47+
>Prices</router-link
48+
>
2249
</v-card-text>
2350
</v-col>
24-
<v-col cols="6" lg="3">
51+
<v-col cols="6" lg="4">
2552
<v-card-text class="white--text pt-0">
26-
<v-btn v-for="icon in icons" :key="icon" class="mx-1 white--text" icon>
27-
<v-icon size="24px">{{ icon }}</v-icon>
28-
</v-btn>
29-
<br/>
30-
Email:
31-
<a href="mailto:info@ix42.org">info@ix42.org</a>
32-
<br />Telegram:
33-
<a href="https://t.me/ixp42">@ixp42</a>
34-
<br />PeeringDB:
35-
<a href="https://www.peeringdb.com/ix/3226">3226</a>
36-
<br />IX-F IXP ID:
37-
<a href="https://ixpdb.euro-ix.net/en/ixpdb/ixp/878/">878</a>
53+
<div>
54+
<v-btn
55+
v-for="icon in icons"
56+
:key="icon"
57+
class="mx-1 white--text"
58+
icon
59+
>
60+
<v-icon size="24px">{{ icon }}</v-icon>
61+
</v-btn>
62+
</div>
63+
<br />
64+
65+
<a
66+
class="text-decoration-none white--text"
67+
href="mailto:info@ix42.org"
68+
>
69+
<v-icon left>mdi-email</v-icon>
70+
info@ix42.org</a
71+
>
72+
<br />
73+
<a
74+
class="text-decoration-none white--text"
75+
href="https://www.peeringdb.com/ix/3226"
76+
>
77+
<v-icon left>mdi-information</v-icon>
78+
PeeringDB: 3226</a
79+
>
80+
<br />
81+
<a
82+
class="text-decoration-none white--text"
83+
href="https://ixpdb.euro-ix.net/en/ixpdb/ixp/878/"
84+
>
85+
<v-icon left>mdi-information</v-icon>
86+
IX-F IXP ID: 878</a
87+
>
3888
</v-card-text>
3989
</v-col>
4090
</v-row>
@@ -64,4 +114,4 @@ export default {
64114
.footer-card {
65115
width: 100vw;
66116
}
67-
</style>
117+
</style>

‎src/components/layout/NavBar.vue

Lines changed: 58 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -10,40 +10,73 @@
1010
width="80"
1111
/>
1212

13-
<v-toolbar-title class="hidden-xs-only">Internet eXchange 42</v-toolbar-title>
13+
<v-toolbar-title class="hidden-xs-only"
14+
>Internet eXchange 42</v-toolbar-title
15+
>
1416

1517
<v-toolbar-title class="hidden-sm-and-up">IX42</v-toolbar-title>
1618

1719
<v-spacer></v-spacer>
1820
<v-btn text dark class="hidden-sm-and-down">
19-
<span class="subtitle-1 font-weight-light text-capitalize">Connect</span>
21+
<span class="subtitle-1 font-weight-light text-capitalize"
22+
>Connect</span
23+
>
2024
</v-btn>
2125
<v-btn text dark>
22-
<span class="subtitle-1 font-weight-light text-capitalize">Members</span>
26+
<span class="subtitle-1 font-weight-light text-capitalize"
27+
>Members</span
28+
>
2329
</v-btn>
2430

2531
<v-menu offset-y>
2632
<template v-slot:activator="{ on, attrs }">
2733
<v-btn text dark class="hidden-xs-only" v-bind="attrs" v-on="on">
28-
<span class="subtitle-1 font-weight-light text-capitalize">Services</span>
34+
<span class="subtitle-1 font-weight-light text-capitalize"
35+
>Services</span
36+
>
2937

3038
<v-icon right dark>mdi-menu-down</v-icon>
3139
</v-btn>
3240
</template>
3341
<v-list>
34-
<v-list-item @click="{}">
42+
<v-list-item
43+
@click="
44+
{
45+
}
46+
"
47+
>
3548
<v-list-item-title>Policy</v-list-item-title>
3649
</v-list-item>
37-
<v-list-item @click="{}">
50+
<v-list-item
51+
@click="
52+
{
53+
}
54+
"
55+
>
3856
<v-list-item-title>RS Policy</v-list-item-title>
3957
</v-list-item>
40-
<v-list-item @click="{}">
58+
<v-list-item
59+
@click="
60+
{
61+
}
62+
"
63+
>
4164
<v-list-item-title>Stats</v-list-item-title>
4265
</v-list-item>
43-
<v-list-item @click="{}">
66+
<v-list-item
67+
@click="
68+
{
69+
}
70+
"
71+
>
4472
<v-list-item-title>Pricing</v-list-item-title>
4573
</v-list-item>
46-
<v-list-item @click="{}">
74+
<v-list-item
75+
@click="
76+
{
77+
}
78+
"
79+
>
4780
<v-list-item-title>DN42</v-list-item-title>
4881
</v-list-item>
4982
</v-list>
@@ -57,16 +90,28 @@
5790
<template v-slot:activator="{ on, attrs }">
5891
<v-btn text dark class="hidden-xs-only" v-bind="attrs" v-on="on">
5992
<v-icon left dark>mdi-translate</v-icon>
60-
<span class="subtitle-1 font-weight-light text-capitalize">English</span>
93+
<span class="subtitle-1 font-weight-light text-capitalize"
94+
>English</span
95+
>
6196

6297
<v-icon right dark>mdi-menu-down</v-icon>
6398
</v-btn>
6499
</template>
65100
<v-list>
66-
<v-list-item @click="{}">
101+
<v-list-item
102+
@click="
103+
{
104+
}
105+
"
106+
>
67107
<v-list-item-title>English</v-list-item-title>
68108
</v-list-item>
69-
<v-list-item @click="{}">
109+
<v-list-item
110+
@click="
111+
{
112+
}
113+
"
114+
>
70115
<v-list-item-title>简体中文</v-list-item-title>
71116
</v-list-item>
72117
</v-list>
@@ -85,5 +130,4 @@ export default {
85130
};
86131
</script>
87132

88-
<style>
89-
</style>
133+
<style></style>

‎src/views/About.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
11
<template>
2-
<div class="about">
3-
</div>
2+
<div class="about"></div>
43
</template>

‎src/views/Home.vue

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,5 +24,4 @@ export default {
2424
};
2525
</script>
2626

27-
<style lang="scss" scoped>
28-
</style>
27+
<style lang="scss" scoped></style>

0 commit comments

Comments
 (0)