diff --git a/.gitlab-ci.yml b/.gitlab-ci.yml
index 21eba63bb9713e85d53c68fde0229b7190f1adc1..9c068c5cddac3e39d0cd2e2dfd829905daae6420 100644
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@@ -6,7 +6,9 @@ before_script:
pages:
stage: deploy
- script: hexo deploy
+ script:
+ - hexo server
+ - hexo deploy
artifacts:
paths:
- public
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/public/index.html b/public/index.html
index f63bf903835f5acf9199575cb4c93ac4da8888c6..e08b1736ab8d5833b5c2f4f229c1a9ac07679d4b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3,10 +3,11 @@
<head>
<meta charset="UTF-8"/>
<title>React example with static pages</title>
+ <link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" href="bootstrap.min.css"/>
</head>
<body>
- <div style=" margin-top: 30px;"/>
+ <div style=" margin-top: 3%;"/>
<div id="root"></div>
</body>
</html>
diff --git a/public/style.css b/public/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..13e1bd0ab7bcc4b12c46340077c6aeb81d4d3a83
--- /dev/null
+++ b/public/style.css
@@ -0,0 +1,5 @@
+.cc-size {
+ min-width: 400px;
+ max-width: 49%;
+ float: left;
+}
diff --git a/src/ZhRaD3r.mp4 b/src/ZhRaD3r.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..016e430c0e29a9b306d96c558f0ea2e660bf27a1
Binary files /dev/null and b/src/ZhRaD3r.mp4 differ
diff --git a/src/index.js b/src/index.js
index 0dca89625c1016cad8d6f9a1f9ca3c6dd158b7df..7447ba8455e619852fd7e50408749ce5cc7c11c0 100644
--- a/src/index.js
+++ b/src/index.js
@@ -31,7 +31,25 @@ class Case {
}
}
let cases = [
- new Case('Title 1', 'Hei', 'http://allhdwallpapers.com/wp-content/uploads/2015/07/Storm-3.jpg'),
+ new Case('Title1', 'hå', 'https://i.imgur.com/vSD5rT8.gif'),
+ new Case('Title 2', 'Hå', 'http://s1.bwallpapers.com/wallpapers/2014/01/29/snow-cat_045842554.jpg'),
+ new Case(
+ 'Title 2',
+ 'Hå',
+ 'https://proxy.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.gordonrigg.com%2Fthe-hub%2Fwp-content%2Fuploads%2F2015%2F06%2Fcats.jpg&f=1'
+ ),
+ new Case('Title 2', 'Hå', 'http://hdgifs.com/wp-content/uploads/2017/04/pikaaaaa-chuuuuuuuu.gif'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
+ new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg'),
new Case('Title 2', 'Hå', 'http://apod.nasa.gov/apod/image/1704/ManDogSun_Hackmann_1600.jpg')
];
@@ -53,18 +71,16 @@ class Menu extends Component {
class Home extends Component {
render() {
return (
- <Card title=" ">
- <ListGroup>
- {cases.map(e => (
- <Card title={e.overskrift}>
- <ListGroup.Item>
- <img class="card-img-top" src={e.image} alt={e.image} />
- </ListGroup.Item>
- <ListGroup.Item to={'/case/' + e.id}>Comments</ListGroup.Item>
- </Card>
- ))}
- </ListGroup>
- </Card>
+ <div>
+ {cases.map(e => (
+ <Card className="cc-size" title={e.overskrift}>
+ <ListGroup.Item>
+ <img className="card-img-top" src={e.image} src={e.image} alt={e.image} />
+ </ListGroup.Item>
+ <ListGroup.Item to={'/case/' + e.id}>Comments</ListGroup.Item>
+ </Card>
+ ))}
+ </div>
);
}
}
@@ -77,10 +93,10 @@ class CaseDetails extends Component<{ match: { params: { id: number } } }> {
return null; // Return empty object (nothing to render)
}
return (
- <div>
+ <ListGroup>
<Card title={e.overskrift}>
<ListGroup.Item>
- <img src={e.image} alt="Image Cap" />
+ <img className="card-img-top" src={e.image} alt="Image Cap" />
</ListGroup.Item>
<ListGroup.Item>{e.content}</ListGroup.Item>
</Card>
@@ -94,7 +110,7 @@ class CaseDetails extends Component<{ match: { params: { id: number } } }> {
</ListGroup.Item>
</ListGroup>
</Card>
- </div>
+ </ListGroup>
);
}
diff --git a/src/widgets.js b/src/widgets.js
index 3b8c3ef87bc7480716e8635455a4ec7445f9e11f..0dc17137bea001c9a81ade44503b66b1175f2ca1 100644
--- a/src/widgets.js
+++ b/src/widgets.js
@@ -59,7 +59,7 @@ export class Alert extends Component {
export class Card extends Component<{ title: React.Node, children?: React.Node }> {
render() {
return (
- <div className="card">
+ <div className="card cc-size">
<div className="card-body">
<h5 className="card-title">{this.props.title}</h5>
<div className="card-text">{this.props.children}</div>