Skip to content

Commit

Permalink
Merge pull request #31 from kogepanh/develop
Browse files Browse the repository at this point in the history 
Merge main
  • Loading branch information
@kogepanh
kogepanh authored Jan 31, 2021
2 parents 265ba47 + ef95b14 commit 2188285
Show file tree
Hide file tree
Showing 20 changed files with 528 additions and 588 deletions.
12 changes: 9 additions & 3 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,10 +65,10 @@ a {
&--main {
position: relative;
padding: 0.25em 0.5em;
margin: 0.75em 0;
padding: 0 0.5em;
margin: 1em 0;
font-size: 2rem;
border-left: solid 6px #3fc1c9;
border-left: solid 6px #364f6b;
}
&--sub {
Expand All @@ -91,4 +91,10 @@ a {
font-size: 1rem;
}
}
.text {
&--bold {
font-weight: bold;
}
}
</style>
43 changes: 43 additions & 0 deletions src/components/ContactTable.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<template>
<v-row
class="my-6"
justify="center"
>
<v-col cols="12">
<v-simple-table>
<template #default>
<tbody>
<tr>
<td>お名前</td>
<td>{{ contactForm.name }}</td>
</tr>
<tr>
<td>学籍番号</td>
<td>{{ contactForm.studentId }}</td>
</tr>
<tr>
<td>メールアドレス</td>
<td>{{ contactForm.email }}</td>
</tr>
<tr>
<td>問い合わせ内容</td>
<td>{{ contactForm.message }}</td>
</tr>
</tbody>
</template>
</v-simple-table>
</v-col>
</v-row>
</template>

<script>
export default {
name: 'ContactTable',
props:{
contactForm: {
type: Object,
required: true
}
}
}
</script>
51 changes: 51 additions & 0 deletions src/components/ReserveTable.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<template>
<v-row
class="my-6"
justify="center"
>
<v-col cols="12">
<v-simple-table>
<template #default>
<tbody>
<tr>
<td>お名前</td>
<td>{{ reserveForm.name }}</td>
</tr>
<tr>
<td>学籍番号</td>
<td>{{ reserveForm.studentId }}</td>
</tr>
<tr>
<td>メールアドレス</td>
<td>{{ reserveForm.email }}</td>
</tr>
<tr>
<td>予約日</td>
<td>{{ reserveForm.date }}</td>
</tr>
<tr>
<td>予約時間</td>
<td>{{ reserveForm.time }}</td>
</tr>
<tr>
<td>補足事項</td>
<td>{{ reserveForm.message }}</td>
</tr>
</tbody>
</template>
</v-simple-table>
</v-col>
</v-row>
</template>

<script>
export default {
name: 'ReserveTable',
props:{
reserveForm: {
type: Object,
required: true,
}
}
}
</script>
11 changes: 7 additions & 4 deletions src/components/WelcomeUser.vue
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,17 @@
<template>
<h4 v-show="useremail">
<p
v-show="useremail"
class="header--min aling-right"
>
ようこそ {{ useremail }} さん
</h4>
</p>
</template>

<script>
import firebase from '../firebase.js'
export default {
name: 'Welcomeuser',
name: 'WelcomeUser',
data () {
return {
useremail: null
Expand All @@ -27,7 +30,7 @@ export default {
</script>

<style scoped>
h4 {
.aling-right {
text-align: right;
}
</style>
181 changes: 95 additions & 86 deletions src/views/About.vue
View file
Original file line number Diff line number Diff line change
@@ -1,96 +1,105 @@
<template>
<div class="about">
<h1 class="heading--main">
コンテンツ
</h1>
<h2 class="heading--sub">
ここでは、皆様の役に立つかもしれない情報を発信します。
</h2>
<article aria-label="コンテンツページ">
<section aria-label="研究室に関連するコンテンツへのリンクなど">
<h1 class="heading--main">
コンテンツ
</h1>
<h2 class="heading--sub">
ここでは、皆様の役に立つかもしれない情報を発信します。
</h2>

<v-alert
outlined
type="warning"
border="left"
>
コンテンツは随時更新する予定ですが、ぶっちゃけた話はオープンラボ当日にお話しできるかと思います！<br>みなさんの研究室選びのお役に立てるよう情報発信します！
</v-alert>

<v-row class="my-4">
<v-col
cols="12"
sm="6"
<v-alert
outlined
type="warning"
border="left"
>
<v-card>
<a
href="https://twitter.com/nislab_sato"
target="_blank"
>
<v-img src="/sns/twitter01.png" />
</a>
<v-card-title>
Twitter (<a
コンテンツは随時更新する予定ですが、ぶっちゃけた話はオープンラボ当日にお話しできるかと思います！<br>みなさんの研究室選びのお役に立てるよう情報発信します！
</v-alert>

<v-row class="my-4">
<v-col
cols="12"
sm="6"
>
<v-card height="100%">
<a
href="https://twitter.com/nislab_sato"
target="_blank"
>@nislab_sato</a>) やってます！
</v-card-title>
<v-card-subtitle>研究室の情報発信を中心に、質問箱でいただいた質問にもお答えしています！</v-card-subtitle>
</v-card>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-card>
<a
href="https://nislab.doshisha.ac.jp"
target="_blank"
>
<v-img src="/sns/website01.png" />
</a>
<v-card-title>研究室サイト運営してます！</v-card-title>
<v-card-subtitle>研究発表についての報告などもしています。<br>近日、リニューアル予定！</v-card-subtitle>
</v-card>
</v-col>
</v-row>
>
<v-img src="/sns/twitter01.png" />
</a>
<v-card-title>
Twitter (<a
href="https://twitter.com/nislab_sato"
target="_blank"
>@nislab_sato</a>) やってます！
</v-card-title>
<v-card-subtitle>研究室の情報発信を中心に、質問箱でいただいた質問にもお答えしています！</v-card-subtitle>
</v-card>
</v-col>
<v-col
cols="12"
sm="6"
>
<v-card>
<a
href="https://nislab.doshisha.ac.jp"
target="_blank"
>
<v-img src="/sns/website01.png" />
</a>
<v-card-title>研究室サイト運営してます！</v-card-title>
<v-card-subtitle>研究発表についての報告などもしています。<br>近日、リニューアル予定！</v-card-subtitle>
</v-card>
</v-col>
</v-row>
</section>

<h1 class="heading--main">
よくある質問に答えます！
</h1>
<h2 class="heading--accent">
質問箱でいただいた質問や例年よくいただく質問に対して、佐藤研究室の学生が回答します！<br>オープンラボではよりぶっちゃけた話をさせていただきます！
</h2>
<v-row class="my-4">
<v-col>
<v-expansion-panels accordion>
<v-expansion-panel
v-for="(item, i) in questions"
:key="i"
>
<v-expansion-panel-header>{{ item.q }}</v-expansion-panel-header>
<v-expansion-panel-content>{{ item.ans }}</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-col>
</v-row>
<section aria-label="よくある質問とそれに対する回答一覧">
<h1 class="heading--main">
よくある質問に答えます！
</h1>
<h2 class="heading--accent">
質問箱でいただいた質問や例年よくいただく質問に対して、佐藤研究室の学生が回答します！<br>オープンラボではよりぶっちゃけた話をさせていただきます！
</h2>
<v-row class="my-4">
<v-col>
<v-expansion-panels accordion>
<v-expansion-panel
v-for="(item, i) in questions"
:key="i"
>
<v-expansion-panel-header>{{ item.q }}</v-expansion-panel-header>
<v-expansion-panel-content>{{ item.ans }}</v-expansion-panel-content>
</v-expansion-panel>
</v-expansion-panels>
</v-col>
</v-row>
</section>

<h1 class="heading--main">
写真を一部公開！
</h1>
<v-row>
<v-col
v-for="image in images"
:key="image"
class="d-flex child-flex"
md="3"
sm="4"
cols="6"
>
<v-card>
<v-img :src="image" />
</v-card>
</v-col>
</v-row>
</div>
<section
aria-label="写真ギャラリー"
class="mb-16"
>
<h1 class="heading--main">
写真を一部公開！
</h1>
<v-row>
<v-col
v-for="image in images"
:key="image"
class="d-flex child-flex"
md="3"
sm="4"
cols="6"
>
<v-card>
<v-img :src="image" />
</v-card>
</v-col>
</v-row>
</section>
</article>
</template>

<script>
Expand Down
5 changes: 3 additions & 2 deletions src/views/Contact/Contact.vue
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<div class="contactMe">
<article aria-label="問い合わせページ">
<h1 class="heading--main">
問い合わせ
</h1>
Expand Down Expand Up @@ -36,12 +36,13 @@
問い合わせする
</v-btn>
</v-form>
</div>
</article>
</template>

<script>
import firebase from '@/firebase.js'
import WelcomeUser from '@/components/WelcomeUser.vue'
export default {
name: 'Contact',
components: {
Expand Down
Loading

0 comments on commit 2188285

Please sign in to comment.