Merge pull request #384 from Rostlab/landingpages

Landingpages
Rostlab · Apr 11, 2016 · 2084a10 · 2084a10
2 parents 27d95ff + 64dab6b
commit 2084a10
Show file tree

Hide file tree

Showing 29 changed files with 834 additions and 8 deletions.
diff --git a/app/components/public/About/About.jsx b/app/components/public/About/About.jsx
@@ -3,7 +3,7 @@ let {Component} = React;
 //import styles from './About.css';
 import { Row, Col } from 'react-bootstrap';
 import './About.css';
-import AboutText from '../../../../static/about.md';
+import AboutText from '../../../../config/markdown/about.md';
 import group from './group.jpg';
 
 export default class About extends Component {

diff --git a/app/components/public/Contribute/Contribute.jsx b/app/components/public/Contribute/Contribute.jsx
@@ -3,7 +3,7 @@ let {Component} = React;
 import Row from 'react-bootstrap/lib/Row';
 import Column from 'react-bootstrap/lib/Col';
 
-import ContributeText from '../../../../static/contribute.md';
+import ContributeText from '../../../../config/markdown/contribute.md';
 
 export default class Contribute extends Component {
   render() {

diff --git a/app/components/public/Imprint/Imprint.jsx b/app/components/public/Imprint/Imprint.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 let {Component} = React;
 import { Row, Col } from 'react-bootstrap';
 
-import ImprintText from '../../../../static/imprint.md';
+import ImprintText from '../../../../config/markdown/imprint.md';
 
 export default class Imprint extends Component {
 	render() {

diff --git a/app/components/public/PlodDescription/PlodDescription.jsx b/app/components/public/PlodDescription/PlodDescription.jsx
@@ -2,7 +2,7 @@ import React from 'react';
 let {Component} = React;
 import { Row, Col } from 'react-bootstrap';
 
-import PlodDescriptionText from '../../../../static/plod-description.md';
+import PlodDescriptionText from '../../../../config/markdown/plod-description.md';
 
 export default class PlodDescription extends Component {
     render() {

diff --git a/app/components/public/Start/Start.jsx b/app/components/public/Start/Start.jsx
@@ -5,7 +5,7 @@ import { Row,Col } from 'react-bootstrap';
 import AntagonistsComp from '../../common/AntagonistsComp/AntagonistsComp.jsx';
 import './Start.css';
 import logo from './gotstatslogosmall.jpg';
-import HomepageBlog from '../../../../static/home-blog.md';
+import HomepageBlog from '../../../../config/markdown/home-blog.md';
 
 export default class Start extends Component {
   render() {

diff --git a/static/about.md → config/markdown/about.md b/static/about.md → config/markdown/about.md
diff --git a/static/contribute.md → config/markdown/contribute.md b/static/contribute.md → config/markdown/contribute.md
diff --git a/static/footer.md → config/markdown/footer.md b/static/footer.md → config/markdown/footer.md
diff --git a/static/home-blog.md → config/markdown/home-blog.md b/static/home-blog.md → config/markdown/home-blog.md
diff --git a/static/imprint.md → config/markdown/imprint.md b/static/imprint.md → config/markdown/imprint.md
diff --git a/static/plod-description.md → config/markdown/plod-description.md b/static/plod-description.md → config/markdown/plod-description.md
@@ -55,13 +55,13 @@ We used John Platt's sequential minimal optimization algorithm (Platt, 1999) for
 
 We measured accuracy/precision and coverage/recall of our prediction method using ratios of TP (true positives, i.e. correctly predicted dead characters), FP (false positives, i.e. alive characters predicted to be dead), FN (false negatives, i.e. dead characters predicted to be alive), and TN (true negatives, i.e. correctly predicted alive characters).
 
-![alt AltText](./images/Precision.png "Text")
+![alt AltText](/images/Precision.png "Text")
 
-![alt AltText](./images/Recall.png "Text")
+![alt AltText](/images/Recall.png "Text")
 
 We combined these two measures into a single F-measure value:
 
-![alt AltText](./images/Fmeasure.png "Text")
+![alt AltText](/images/Fmeasure.png "Text")
 
 The prediction results of our method were:
 

diff --git a/server/server.js b/server/server.js
@@ -19,6 +19,8 @@ app.use('/d5', d5);
 app.use('/d4', d4);
 app.use('/wikirequest', wikirequest);
 
+app.use(express.static(path.join(__dirname, '../static')));
+
 app.use(express.static(path.join(__dirname, '../build')));
 
 const webpack = require('webpack');

diff --git a/static/assets/bootstrap/css/bootstrap-theme.min.css b/static/assets/bootstrap/css/bootstrap-theme.min.css
diff --git a/static/assets/bootstrap/css/bootstrap.min.css b/static/assets/bootstrap/css/bootstrap.min.css
diff --git a/static/assets/bootstrap/fonts/glyphicons-halflings-regular.eot b/static/assets/bootstrap/fonts/glyphicons-halflings-regular.eot
diff --git a/static/assets/bootstrap/fonts/glyphicons-halflings-regular.svg b/static/assets/bootstrap/fonts/glyphicons-halflings-regular.svg
diff --git a/static/assets/bootstrap/fonts/glyphicons-halflings-regular.ttf b/static/assets/bootstrap/fonts/glyphicons-halflings-regular.ttf
diff --git a/static/assets/bootstrap/fonts/glyphicons-halflings-regular.woff b/static/assets/bootstrap/fonts/glyphicons-halflings-regular.woff
diff --git a/static/assets/bootstrap/fonts/glyphicons-halflings-regular.woff2 b/static/assets/bootstrap/fonts/glyphicons-halflings-regular.woff2
diff --git a/static/assets/bootstrap/js/bootstrap.min.js b/static/assets/bootstrap/js/bootstrap.min.js
diff --git a/static/assets/style.css b/static/assets/style.css
@@ -0,0 +1,35 @@
+body {
+    background: #1F1F1F;
+    height: 100%;
+    margin: 0;
+    color: whitesmoke;
+    font-family: 'Lato', sans-serif;
+    font-weight: 300;
+    text-align: justify;
+}
+
+h1,h2,h3,h4,h5,
+title {
+    font-family: 'Cinzel Decorative', cursive;
+}
+
+a {
+    color: whitesmoke;
+    font-weight: bold;
+}
+
+a:hover,
+a:focus {
+    color: white;
+    outline: 0;
+}
+
+img {
+    width: 100%;
+}
+
+.float-img-right {
+    width: 40%;
+    float: right;
+    margin: 10px 0 10px 10px;
+}
diff --git a/static/daenerys-targaryen.html b/static/daenerys-targaryen.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+        <meta name="google-site-verification" content="_2EtjKSj1LZ39CoXYi2564CZHWZQ4JCIQfyOYnyAZwY" />
+        <meta name="description" content="Daenerys is playing to win and there’s no one in the Seven Kingdoms who can stop
+        her now. Learn all about her on got show!" />
+        <meta name="keywords" content="Game of Thrones, A Song Of Ice And Data, Death Predictions, Twitter Sentiments, GOT, Daenerys Targaryen, Daenerys, Targaryen" />
+        <meta name="robots" content="INDEX,FOLLOW" />
+
+        <!-- Open Graph data -->
+        <meta property="og:url" content="https://got.show/" />
+        <meta property="og:type" content="website" />
+        <meta property="og:locale" content="en_US" />
+        <meta property="og:title" content="Why Daenerys Targaryen will win the Game of Thrones" />
+        <meta property="og:description" content="Daenerys is playing to win and there’s no one in the Seven Kingdoms who can stop
+        her now. Learn all about her on got show!" />
+        <meta property="og:image" content="https://walter.trakt.us/images/shows/000/001/390/fanarts/original/76d5df8aed.jpg" />
+
+        <!-- Twitter Card data -->
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:site" content="@asoiad">
+        <meta name="twitter:title" content="Why Daenerys Targaryen will win the Game of Thrones">
+        <meta name="twitter:description" content="Daenerys is playing to win and there’s no one in the Seven Kingdoms who can stop
+        her now. Learn all about her on got show!">
+        <meta name="twitter:creator" content="@asoiad">
+
+        <link href="https://got.show/" rel="canonical" />
+        <link href='https://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'>
+        <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic' rel='stylesheet' type='text/css'>
+        <link href="/static/images/favicon.png" rel="shortcut icon"/>
+        <link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css">
+        <link rel="stylesheet" type="text/css" href="assets/style.css">
+        <title>Why Daenerys Targaryen will win the Game of Thrones - A Song of Ice and Data</title>
+    </head>
+    <body role="document" class="container">
+        <div class="row">
+            <div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
+                <header>
+                    <h1 id="h1-why-daenerys-targaryen-will-win-the-game-of-thrones">Why Daenerys Targaryen will win the Game of
+                        Thrones</h1>
+                    <p>
+                        <img class="float-img-right" alt="Daenerys Targaryen. Game of Thrones‘ mother of dragons." src="http://vignette1.wikia.nocookie.net/gameofthrones/images/5/58/Daenerys-Targaryen.jpg/revision/latest?cb=20141202204150&amp;path-prefix=de"/>
+                    </p>
+                </header>
+                <main role="main">
+                    <p>Daenerys. Khaleesi. Mother of Dragons. Mhysa. There’s quite a few names for this woman – and even more reasons to be
+                        afraid of her. Ever since her father King Aerys II Targaryen was ousted from the Iron Throne during Robert
+                        Baratheon’s rebellion, she’s been desperate to take it back – and with it the control over the seven kingdoms. Let’s
+                        face it: The moment Daenerys gave her OK for Khal Drogo to kill her (admittedly annoying) brother, we knew that girl
+                        played to win. Here’s why we’ll see here sitting on the Iron Throne soon.</p>
+                    <h2 id="h2-shes-commanding-the-unsullied">She’s commanding the Unsullied</h2>
+                    <p><img alt="Men in black: The Unsullied in Game of Thrones" src="https://musingsofalifelongnerd.files.wordpress.com/2015/05/unsullied1.jpg"/>
+                    </p>
+                    <p>In case you want to take a city back, it is always a good idea to bring a private army. Daenerys’ has apparently done
+                        her homework on warmonger best practices and bought her very own battalion, the Unsullied, by burning their former
+                        owner alive (#justdaenerysthings). Even with significantly less testicles or nipples compared to your average Essos
+                        man, those guys are anything and everything you could wish for when you absolutely need some people dead. Still in
+                        doubt? <a href="https://www.youtube.com/watch?v=0TB3rgJlJdo&amp;nohtml5=False">See them in action.</a></p>
+                    <h2 id="h2-daenerys-is-the-peoples-woman">Daenerys is the people’s woman</h2>
+                    <p>
+                        <img alt="Always watching out for the little man: Daenerys Targaryen" src="http://8840-presscdn-0-18.pagely.netdna-cdn.com/wp-content/uploads/2014/04/danythrone1.jpg"/>
+                    </p>
+                    <p>With the US presidential elections approaching, maybe it’s time for a small thought experiment. Imagine you could
+                        vote for… &gt; Please display the images in a row next to each other here</p>
+                    <div class="row">
+                        <div class="col-xs-6 col-md-6">
+                            <img alt="Tommen Baratheon in Game of Thrones" src="http://vignette1.wikia.nocookie.net/gameofthrones/images/7/78/Tommen_Season_6.jpg/revision/latest/scale-to-width-down/270?cb=20160211212139"/>
+                        </div>
+                        <div class="col-xs-6">
+                            <img alt="The High Sparrow in Game of Thrones" src="http://rack.1.mshcdn.com/media/ZgkyMDE1LzA2LzA1LzQwL1RoZV9IaWdoX1NwLmE3OTExLmpwZwpwCXRodW1iCTEyMDB4OTYwMD4/fbe4acb5/9d5/The_High_Sparrow_promo_pic-640x426.jpg"/>
+                            <img alt="The people’s woman: Daenerys Targaryen in Game of Thrones" src="http://vignette4.wikia.nocookie.net/gameofthrones/images/4/41/Dany_Mother_Mhysa.png/revision/latest?cb=20130610044643"/>
+                        </div>
+                    </div>
+                    <ol style="list-style-type: lower-alpha">
+                        <li><p>A religious fanatic in charge of what is basically the Game of Thrones equivalent of ISIS</p></li>
+                        <li><p>A wimpy teenager with no experience whatsoever who should have stayed a minor character anyway</p></li>
+                        <li><p>A young, dynamic civil rights activist, running around Essos freeing slaves in the thousands, who’s known for
+                            her zero-tolerance policy regarding the establishment</p></li>
+                    </ol>
+                    <p>… Who would you choose? Heh? Not so hard, right? Daenerys Targaryen is pretty much our Game of Thrones Bernie
+                        Sanders. Only in slightly more attractive. Sorry Bern.</p>
+                    <p>See what Twitter thinks about Daenerys Targaryen with GoT show's sentiment analysis tool:</p>
+                    <img alt="See what Twitter thinks about Daenerys Targaryen with GoT show's sentiment analysis tool" src="images/daenerys-targaryen-sentiment.png"/>
+                    <p>As you can see, she’s even among the most popular characters <a href="ranking">(rank 4, 10th of
+                        April)</a> in the real world! Feel the Daern, people!</p>
+                    <h2 id="h2-she-has-a-bunch-of-dragons">She has a bunch of dragons</h2>
+                    <p><img alt="Daenery’s pet
+                        dragon. Makes your dog look like a hamster in comparison." src="https://blurppy.files.wordpress.com/2015/01/game-thrones-season-4-pictures.jpg"/>
+                    </p>
+                    <p>… Is there a reason we’re still debating this? Seriously? Even though her lathery scaled friends started out as cute
+                        little hatchlings in season 1, those things are terrifying now. We all saw them eat the leaders of the great
+                        families in the season 5 episode “Kill the boy” (S05E05) – and as countless fantasy franchises suggest, if you have
+                        dragons by your side, chances are you’re going to bring home a victory.</p>
+                    <h3 id="h3-sooo-things-are-set-right"> … Sooo, things are set, right?</h3>
+                    <p>Well, almost. In Game of Thrones, there’s always a hint of uncertainty – and you have to admit that a lot of people
+                        want to see her dead. <a href="https://www.youtube.com/watch?v=MIGYQr6ldJk">Take this assassination attempt on
+                            youtube for example.</a> We in the got.show editorial department are confident that she’ll end up being
+                        victorious, even though our machine learning algorithm is a lot less optimistic. The algorithm mostly takes family
+                        history into account, and since her’s was cleared off the map, her calculated likelihood of death is pretty high.
+                        See our latest prediction here: &gt; Placeholder, Daenerys Targaryen PLOD</p>
+                    <blockquote>
+                        <p>Alt text: Daenery’s calculated percentage likelihood of death</p>
+                    </blockquote>
+                    <p>No reason to be worried, though. Valar morghulis, remember?</p>
+                    <h3 id="h3-follow-daenerys-long-journey-through-essos">Follow Daenerys long journey through Essos</h3>
+                    <img alt="Daenerys Targaryen put on the map – Game of Thrones character movements" src="images/daenerys-targaryen-map.png" />
+                    <p>Daenerys Targaryen put on the map – Game of Thrones character movements</p>
+                </main>
+            </div>
+        </div>
+        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
+    </body>
+    <footer></footer>
+</html>