created a page title component and styled it and imported a few fonts

bottega-code-school · Jul 10, 2018 · 0a1973c · 0a1973c
1 parent fc0815f
commit 0a1973c
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 3 deletions.
diff --git a/src/components/auth/signin.js b/src/components/auth/signin.js
@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 
 import SignInForm from './signinForm';
+import PageTitle from '../pageTitle';
 
 class SignIn extends Component {
 
@@ -11,6 +12,7 @@ class SignIn extends Component {
     render() {
         return (
             <div className='sign-in'>
+                <PageTitle className='sign-in__page-title' title='Login' />
                 <SignInForm onSubmit={this.onSubmit} className='sign-in__form' />
             </div>
         )

diff --git a/src/components/pageTitle.js b/src/components/pageTitle.js
@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+
+class PageTitle extends Component {
+    render() {
+        const { className, title } = this.props;
+        return (
+            <div className={`${className} page-title`}>{title}</div>
+        )
+    }
+}
+
+export default PageTitle;
diff --git a/src/style/main.scss b/src/style/main.scss
@@ -16,4 +16,6 @@ html {
 @import 'layout';
 @import 'headernavbar';
 @import 'auth/signin';
-@import 'auth/signup';
+@import 'auth/signup';
+
+@import 'page-title';
diff --git a/src/style/page-title.scss b/src/style/page-title.scss
@@ -0,0 +1,6 @@
+.page-title {
+    color: #666;
+    font-family: 'Titillium Web';
+    font-size: 30px;
+    font-weight: 600;
+}
diff --git a/static/index.html b/static/index.html
@@ -4,8 +4,8 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
-  <title>DevCamp React Starter</title>
+  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400,600,700|Titillium+Web:400,600,700" rel="stylesheet">
+  <title>GummyCode</title>
 </head>
 
 <body>