-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
ウェブサイト #5
Conversation
website/components/CustomFooter.vue
Outdated
<div> | ||
<footer class="footer-root"> | ||
<div class="links"> | ||
<p v-for="(link, idx) in links" :key="idx"> | ||
<a :href="link.href" :target="link.target"> | ||
{{ link.title }} | ||
</a> | ||
</p> | ||
</div> | ||
<div class="has-text-centered">©2020 CAMPHOR-</div> | ||
</footer> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
これってdivで囲わなくても良くない?
website/components/CustomFooter.vue
Outdated
<footer class="footer-root"> | ||
<div class="links"> | ||
<p v-for="(link, idx) in links" :key="idx"> | ||
<a :href="link.href" :target="link.target"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
rel="noopener noreferrer"
を付けた方がよさそう
@@ -0,0 +1,66 @@ | |||
<template> | |||
<component | |||
:is="isInternalLink(path) ? 'nuxt-link' : 'a'" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
これの書き方良いね 👍
@p1ass 修正しました〜 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
見てみました
website/components/About.vue
Outdated
} | ||
|
||
.join { | ||
> .show-schedule { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
要らなそう
website/components/About.vue
Outdated
<template> | ||
<div class="about-root"> | ||
<div class="container"> | ||
<div id="join" v-in-viewport class="section join"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div id="join" v-in-viewport class="section join"> | |
<section id="join" v-in-viewport class="section join"> |
見出しがあるまとまりなので
website/components/About.vue
Outdated
transform: translateY(0px); | ||
} | ||
</style> | ||
<script> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
このファイルだけ <style>
が先にあるので、統一したほうが良いかも
website/components/About.vue
Outdated
<div class="columns is-vcentered"> | ||
<div class="column is-two-fifths"> | ||
<img | ||
src="https://github.com/camphor-/lab/raw/master/assets/connect-idea.png" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
assetsにコピーして使ったほうがいいかも
website/components/About.vue
Outdated
</div> | ||
<div class="column"> | ||
<img | ||
src="https://github.com/camphor-/lab/raw/master/assets/available-resources.png" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ここもassetsにコピーしたらいいのでは
<div class="hero-background"></div> | ||
<div class="lab-hero"> | ||
<div class="columns is-variable is-5 is-desktop"> | ||
<div v-in-viewport class="lab-title column has-text-white"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div v-in-viewport class="lab-title column has-text-white"> | |
<section v-in-viewport class="lab-title column has-text-white"> |
見出しをもつまとまりなので
{{ link.title }} | ||
</a> | ||
</p> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
div > p > a
でリストを作るより ul > li > a
で (CSSリセットは必要になるが) したほうがセマンティックWebとしては良いかも
website/components/CustomFooter.vue
Outdated
export default { | ||
data() { | ||
return { | ||
links |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
変更できる値ではなく定数なので、 computed
として返すほうが自然…? (ほんまか?)
website/components/CustomFooter.vue
Outdated
</a> | ||
</p> | ||
</div> | ||
<div class="has-text-centered">©2020 CAMPHOR-</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div class="has-text-centered">©2020 CAMPHOR-</div> | |
<div class="has-text-centered">©2020 CAMPHOR-</div> |
のほうが自分は好きです(ほぼ好みです)
website/components/Navbar.vue
Outdated
> | ||
{{ item.title }} | ||
</a> | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
ここも ul > li > a
でリストにするのが自然かなと思いました
@honai せまんちっくうぇぶにしました! |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
お疲れさまです :LGTM: 👍
とりあえずトップページだけ
クソデカPRにしてしまった🤷♂️
#1