This repository has been archived by the owner on Mar 1, 2024. It is now read-only.
-
-
Notifications
You must be signed in to change notification settings - Fork 543
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Blog page has been added, a bit of code clean up to App.react.js was done at the same time. fix #72
- Loading branch information
1 parent
a55e384
commit 133f904
Showing
2 changed files
with
203 additions
and
19 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,182 @@ | ||
| // @flow | ||
|
|
||
| import * as React from "react"; | ||
|
|
||
| import { Page, Grid, Card, Icon, BlogCard } from "tabler-react"; | ||
| import SiteWrapper from "../SiteWrapper.react"; | ||
|
|
||
| function BlogPage(): React.Node { | ||
| return ( | ||
| <SiteWrapper> | ||
| <Page.Content title="Blog Component"> | ||
| <Grid.Row cards deck> | ||
| <Grid.Col sm={6} xl={3}> | ||
| <BlogCard | ||
| imgSrc={"./demo/photos/david-klaasen-54203-500.jpg"} | ||
| imgAlt={"And this isn't my nose. This is a false one."} | ||
| postHref={"#"} | ||
| title={"And this isn't my nose. This is a false one."} | ||
| description={ | ||
| "Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Rose Bradley"} | ||
| avatarImgSrc={"./demo/faces/female/18.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col sm={6} xl={3}> | ||
| <BlogCard | ||
| imgSrc={"./demo/photos/david-marcu-114194-500.jpg"} | ||
| imgAlt={"Well, I didn't vote for you."} | ||
| postHref={"#"} | ||
| title={"Well, I didn't vote for you."} | ||
| description={ | ||
| "Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Peter Richards"} | ||
| avatarImgSrc={"./demo/faces/male/16.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col sm={6} xl={3}> | ||
| <BlogCard | ||
| imgSrc={"./demo/photos/davide-cantelli-139887-500.jpg"} | ||
| imgAlt={"How do you know she is a witch?"} | ||
| postHref={"#"} | ||
| title={"How do you know she is a witch?"} | ||
| description={ | ||
| "Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Wayne Holland"} | ||
| avatarImgSrc={"./demo/faces/male/26.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col sm={6} xl={3}> | ||
| <BlogCard | ||
| imgSrc={"./demo/photos/dino-reichmuth-84359-500.jpg"} | ||
| imgAlt={"Shut up!"} | ||
| postHref={"#"} | ||
| title={"Shut up!"} | ||
| description={ | ||
| "Burn her! How do you know she is a witch? You don't frighten us, English pig-dogs! Go and boil yo..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Michelle Ross"} | ||
| avatarImgSrc={"./demo/faces/female/7.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col lg={4}> | ||
| <BlogCard | ||
| postHref={"#"} | ||
| title={"Weaseling out of things is important to learn."} | ||
| description={ | ||
| "Please do not offer my god a peanut. That's why I love elementary school, Edna. The children beli..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Bobby Knight"} | ||
| avatarImgSrc={"./demo/faces/male/4.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col lg={4}> | ||
| <BlogCard | ||
| postHref={"#"} | ||
| title={"You don't like your job, you don't strike."} | ||
| description={ | ||
| "But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've ..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Craig Anderson"} | ||
| avatarImgSrc={"./demo/faces/male/35.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col lg={4}> | ||
| <BlogCard | ||
| postHref={"#"} | ||
| title={"I hope I didn't brain my damage."} | ||
| description={ | ||
| "I don't like being outdoors, Smithers. For one thing, there's too many fat children. Oh, loneline..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Crystal Wallace"} | ||
| avatarImgSrc={"./demo/faces/female/29.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col lg={6}> | ||
| <BlogCard | ||
| aside | ||
| imgSrc={"./demo/photos/david-klaasen-54203-500.jpg"} | ||
| imgAlt={"And this isn't my nose. This is a false one."} | ||
| postHref={"#"} | ||
| title={"And this isn't my nose. This is a false one."} | ||
| description={ | ||
| "Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Rose Bradley"} | ||
| avatarImgSrc={"./demo/faces/female/18.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col lg={6}> | ||
| <BlogCard | ||
| aside | ||
| imgSrc={"./demo/photos/david-marcu-114194-500.jpg"} | ||
| imgAlt={"Well, I didn't vote for you."} | ||
| postHref={"#"} | ||
| title={"And this isn't my nose. This is a false one."} | ||
| description={ | ||
| "Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Peter Richards"} | ||
| avatarImgSrc={"./demo/faces/male/16.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col lg={6}> | ||
| <BlogCard | ||
| aside | ||
| imgSrc={"./demo/photos/grant-ritchie-338179-500.jpg"} | ||
| imgAlt={"Weaseling out of things is important to learn."} | ||
| postHref={"#"} | ||
| title={"Weaseling out of things is important to learn."} | ||
| description={ | ||
| "Please do not offer my god a peanut. That's why I love elementary school, Edna. The children believe anything you tell them. Brace yourselves gentlemen. According to the gas chromatograph, the secr..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Bobby Knight"} | ||
| avatarImgSrc={"./demo/faces/male/4.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| <Grid.Col lg={6}> | ||
| <BlogCard | ||
| aside | ||
| imgSrc={"./demo/photos/ilnur-kalimullin-218996-500.jpg"} | ||
| imgAlt={"You don't like your job, you don't strike."} | ||
| postHref={"#"} | ||
| title={"You don't like your job, you don't strike."} | ||
| description={ | ||
| "But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've wasted my life. Son, when you participate in sporting events, it's not whether you win or lose: it's..." | ||
| } | ||
| profileHref={"./profile.html"} | ||
| authorName={"Craig Anderson"} | ||
| avatarImgSrc={"./demo/faces/male/35.jpg"} | ||
| date={"3 days ago"} | ||
| /> | ||
| </Grid.Col> | ||
| </Grid.Row> | ||
| </Page.Content> | ||
| </SiteWrapper> | ||
| ); | ||
| } | ||
|
|
||
| export default BlogPage; |