<commit_before>/**
 *
 * App.react.js
 *
 * This component is the skeleton around the actual pages, and should only
 * contain code that should be seen on all pages. (e.g. navigation bar)
 *
 * NOTE: while this component should technically be a stateless functional
 * component (SFC), hot reloading does not currently support SFCs. If hot
 * reloading is not a necessity for you then you can refactor it and remove
 * the linting exception.
 */

import React from 'react';
import styled from 'styled-components';

import Helmet from 'react-helmet';
import Header from 'components/Header';
import Footer from 'components/Footer';


const AppWrapper = styled.div`
  margin: 0 auto;
  display: flex;
  // min-height: 100%;
  flex-direction: column;
  transform: rotate(90deg);
  transform-origin:bottom left;
  
  position:absolute;
  top:-100vw;
  
  height:100vw;
  width:100vh;
`;

export default class App extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function

  static propTypes = {
    children: React.PropTypes.node,
  };

  render() {
    return (
      <AppWrapper>
        <Helmet
          titleTemplate="PeaceQuiz"
          defaultTitle="PeaceQuiz"
          meta={[
            { name: 'description', content: 'PeaceQuiz' },
          ]}
        />
        <Header />
        {React.Children.toArray(this.props.children)}
        {/*<Footer />*/}
      </AppWrapper>
    );
  }
}<commit_msg>build<commit_after>/**
 *
 * App.react.js
 *
 * This component is the skeleton around the actual pages, and should only
 * contain code that should be seen on all pages. (e.g. navigation bar)
 *
 * NOTE: while this component should technically be a stateless functional
 * component (SFC), hot reloading does not currently support SFCs. If hot
 * reloading is not a necessity for you then you can refactor it and remove
 * the linting exception.
 */

import React from 'react';
import styled from 'styled-components';

import Helmet from 'react-helmet';
import Header from 'components/Header';
import Footer from 'components/Footer';


const AppWrapper = styled.div`
  margin: 0 auto;
  display: flex;
  // min-height: 100%;
  flex-direction: column;
  transform: rotate(90deg);
  transform-origin:bottom left;
  
  position:absolute;
  top:-100vw;
  
  height:100vw;
  width:100vh;
`;

export default class App extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function

  static propTypes = {
    children: React.PropTypes.node,
  };

  render() {
    return (
      <AppWrapper>
        <Helmet
          titleTemplate="Border Bot"
          defaultTitle="Border Bot"
          meta={[
            { name: 'description', content: 'PeaceQuiz' },
          ]}
        />
        <Header />
        {React.Children.toArray(this.props.children)}
        {/*<Footer />*/}
      </AppWrapper>
    );
  }
}
{'fraction_non_alphanumeric': 0.1111111111111111, 'fraction_numerical': 0.010482180293501049, 'mean_word_length': 2.8741542625169147, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1850491', 'n_tokens_mistral': 885, 'n_tokens_neox': 847, 'n_words': 264}