Merge pull request #15 from 4geru/move-css-to-style-directory

move css to styles directory

Author: xryuseix

components/IndexArticles.tsx

@@ -3,7 +3,7 @@
 import { VFC } from 'react'
 import Link from 'next/link'
 
-import styles from './section.module.css'
+import styles from '../styles/section.module.css'
 import articleStyles from './IndexArticles.module.css'
 
 const IndexArticles: VFC = () => {

components/Twitter.tsx

@@ -3,7 +3,7 @@
 import { VFC } from 'react'
 import { Timeline } from 'react-twitter-widgets'
 
-import styles from './section.module.css'
+import styles from '../styles/section.module.css'
 
 const Header: VFC = () => {
   return (

components/section.module.css

@@ -4,7 +4,7 @@ import { VFC } from 'react'
 import { Layout } from '../components/Layout'
 import Twitter from '../components/Twitter'
 
-import styles from '../components/section.module.css'
+import styles from '../styles/section.module.css'
 
 const Contact: VFC = () => {
   return (

pages/contact.tsx

@@ -6,7 +6,7 @@ import { Layout } from '../../components/Layout'
 import { EventDetails, EventDetailType } from '../../components/EventList'
 import { useState, useEffect } from 'react'
 
-import styles from '../../components/section.module.css'
+import styles from '../../styles/section.module.css'
 import detailsStyle from '../../styles/details.module.css'
 
 const defaultId = 'rupc2018'

pages/event/[id].tsx

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { Layout } from '../../components/Layout'
 import { EventType, Events } from '../../components/EventList'
 
-import styles from '../../components/section.module.css'
+import styles from '../../styles/section.module.css'
 import eventStyles from '../../styles/event.module.css'
 
 const Event: VFC = () => {

pages/event/index.tsx

@@ -4,7 +4,7 @@ import { VFC } from 'react'
 import { Layout } from '../components/Layout'
 import { SectionType, LinksType, sections } from '../components/Links'
 
-import styles from '../components/section.module.css'
+import styles from '../styles/section.module.css'
 
 const LinkSection: VFC<SectionType> = (Props: SectionType): JSX.Element => {
   return (

pages/links.tsx

@@ -3,7 +3,7 @@
 import { VFC } from 'react'
 import { Layout } from '../components/Layout'
 import AtCoderGraph from '../components/atcoder/AtCoderGraph'
-import styles from '../components/section.module.css'
+import styles from '../styles/section.module.css'
 
 const AtCoderPage: VFC = () => {
   return (

pages/menbers.tsx

@@ -5,7 +5,7 @@ import Link from 'next/link'
 import { Layout } from '../components/Layout'
 import YouTube from 'react-youtube'
 
-import styles from '../components/section.module.css'
+import styles from '../styles/section.module.css'
 import welcomeStyles from '../styles/welcome.module.css'
 
 const Welcome: VFC = () => {

pages/welcome.tsx

@@ -0,0 +1,23 @@
+.section {
+  margin-left: 8px;
+  padding: 2px;
+  font-size: 11pt;
+}
+
+.section h2 {
+  margin: 24px 0px;
+  padding-left: 4px;
+  padding: 0.5em;
+  color: #000;
+  background: #cdf0fd;
+  border-left: solid 5px #6cbad8;
+}
+
+.section h3 {
+  margin: 16px 0px;
+  border-bottom: 1px dashed #6cbad8;
+}
+
+.section ul {
+  margin: 4px;
+}