Added some fundamental stuff

css/style.css

@@ -0,0 +1,328 @@
+html {
+  height: 100%;
+  min-height: 100%;
+}
+
+body {
+  min-height: 100%;
+  font-family: 'Oswald', sans-serif;
+  background: url('http://yakidoo.de/wp-content/uploads/2013/11/6cba2e656b13953e1ff56b93134683cc.jpg') no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+
+#header {
+  height: auto;
+  background-color: white;
+  font-family: 'Neuropolitical', sans-serif;
+}
+
+#headertext {
+  margin: 0;
+  font-size: 350%;
+  margin-right: 5px;
+}
+
+.container {
+/*-webkit-box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 10px 0px 30px 0px rgba(0, 0, 0, 0.15), -10px 0px 30px 0px rgba(0, 0, 0, 0.15);
+-moz-box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 10px 0px 30px 0px rgba(0, 0, 0, 0.15), -10px 0px 30px 0px rgba(0, 0, 0, 0.15);
+box-shadow: 9px 0px 9px gray;*/
+}
+
+#nav {
+  background: white;
+}
+
+#main-nav {
+  list-style-type: none;
+  background-color: #2D2D2D;
+  margin-left: 0;
+  margin-bottom: 0;
+  text-align: center;
+}
+
+#main-nav>li {
+  padding: 15px;
+}
+
+#main-nav>li:hover {
+  background-color: #808080!important;
+}
+
+#main-nav>li>a {
+  color: white;
+  font-size: 20px;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+#main-nav>li>a:hover {
+  text-decoration: none;
+}
+
+#sub-menu {
+  background-color: #e2e2e2;
+  text-transform: uppercase;
+  font-size: 15px;
+  color: gray;
+  height: 100%;
+  padding: 5px;
+  font-weight: 200;
+}
+
+#sub-menu > #breaking > span {
+  float: left;
+}
+
+#breaking > ul {
+  list-style-type: none;
+  overflow: hidden;
+  padding-left: 2px;
+  margin: 0px;
+}
+
+#breaking {
+	width: 30%;
+	padding: 0 10px;
+}
+
+#breaking a {
+    color: inherit;
+}
+
+#sub-menu-menu > ul {
+	list-style-type: none;
+    margin: 0px;
+}
+
+#sub-menu-menu > ul li {
+	display: inline;
+	padding: 5px 10px;
+}
+
+#sub-menu-menu > ul li:hover {
+    background: #2D2D2D none repeat scroll 0% 0%;
+    border-top: 1px solid yellow;
+}
+
+#sub-menu-menu a {
+	color: #999;
+}
+
+#sub-menu-menu a:hover {
+    color: #F5F5F5;
+    text-decoration: none !important;
+}
+
+#wrapper {
+  background-color: white;
+}
+
+#content {
+  margin: 30px;
+}
+
+.row {
+  padding-top: 30px; /* 10px */
+}
+
+.img-responsive {
+  opacity: 0.8;
+}
+
+.image-wrapper {
+  background: #808080;
+  overflow: hidden;
+}
+
+/*.image-wrapper img {
+  width: 300px;
+  height: 200px;
+}*/
+
+.post-image .image-wrapper img:hover {
+    opacity: 0.6;
+    transition: all 0.5s ease 0s;
+}
+
+.post {
+  background: #f2f2f2;
+  margin-bottom: 30px;
+  width: auto;
+  /*height: 200px;*/
+}
+
+.post-content {
+    padding: 10px 20px 10px 10px;
+    width: 55.1%;
+}
+
+.post-image {
+  width: 43.4%;
+  margin: 0 1% 0 0;
+}
+
+.zoom-image {
+  -webkit-transform: scale(1,1);
+  -webkit-transition-timing-function: ease-out;
+  -webkit-transition-duration: 500ms;
+  -moz-transform: scale(1,1);
+  -moz-transition-timing-function: ease-out;
+  -moz-transition-duration: 500ms;
+  transform: scale(1,1);
+  transition-timing-function: ease-out;
+  transition-duration: 500ms;
+}
+
+.zoom-image:hover {
+  -webkit-transform: scale(1.1,1.1);
+  -webkit-transition-timing-function: ease-out;
+  -webkit-transition-duration: 500ms;
+  -moz-transform: scale(1.1,1.1);
+  -moz-transition-timing-function: ease-out;
+  -moz-transition-duration: 500ms;
+  transform: scale(1.1,1.1);
+  transition-timing-function: ease-out;
+  transition-duration: 500ms;
+}
+
+.post-title {
+  font-size: 20px;
+  font-weight: 700;
+  margin-top: 0px;
+}
+
+.post-title a {
+    color: inherit;
+}
+
+.post-meta {
+  font-size: 12px;
+}
+
+.post-meta span {
+  margin-right: 5px;
+}
+
+.post-author {
+
+}
+
+.post-author > i, .post-date > i, .post-categories > i {
+  margin-right: 7px;
+}
+
+.post-categories {
+  text-transform: uppercase;
+}
+
+.post-categories a {
+    color: inherit;
+}
+
+.post-excerpt {
+  margin-top: 10px;
+}
+
+.widget {
+  width: 100%;
+}
+
+.widget-title {
+  margin: 0;
+  margin-bottom: 15px;
+  padding: 10px;
+  text-align: center;
+  background: #f2f2f2;
+}
+
+.social-widget img {
+  max-width: 100%;
+}
+
+footer {
+	border-top: 20px solid #333333;
+	color: #f2f2f2;
+	border-bottom: 15px solid #FFFFFF;
+}
+
+.footer-wrapper {
+	background: #272727;
+	padding: 10px 0px;
+}
+
+.footer-title {
+	padding: 15px;
+	text-align: center;
+}
+
+.footer-title > span {
+	border-bottom: 3px solid #333333;
+	text-align: center;
+	text-transform: uppercase;
+}
+
+#recent-posts > ul {
+	list-style-type: none;
+}
+
+.recent-posts-thumb {
+	width: 30%;
+}
+
+.recent-posts-thumb img {
+	background: #808080;
+}
+
+.recent-posts-teaser {
+	width: 70%;
+}
+
+.recent-posts-teaser div {
+	font-size: 11px;
+}
+
+#featured-wrapper .image-wrapper {
+    background: #000000;
+}
+
+#featured-wrapper img {
+    opacity: 0.6;
+}
+
+#featured-wrapper img:hover {
+    opacity: 0.5;
+}
+
+/*#featured-wrapper .row:first-of-type {
+    padding-top: 5px;
+}*/
+
+.featured-meta {
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    color: #FFFFFF;
+    text-transform: uppercase;
+    text-align: center;
+    margin-bottom: 15px;
+}
+
+.featured-meta h3, .featured-meta h4 {
+    font-weight: 700;
+    letter-spacing: 2px;
+    line-height: 1.7;
+    margin-bottom: 15px;
+}
+
+.featured-meta h3 a, .featured-meta h4 a {
+    border-bottom: 2px solid #FFF;
+    color: inherit;
+}
+
+.featured-meta h3 a:hover, .featured-meta h4 a:hover {
+    text-decoration: none;
+}

footer.php

@@ -0,0 +1,53 @@
+            <footer class="clearfix">
+                <div class="footer-wrapper clearfix">
+                    <div id="recent-posts" class="col-md-4"> <!-- recent posts -->
+                        <h3 class="footer-title">
+                            <span>Recent Posts</span>
+                        </h3>
+                        <ul>
+                            <li itemscope="itemscope" itemtype="http://schema.org/NewsArticle">
+                                <div class="recent-posts-thumb pull-left">
+                                    <img src="http://i0.wp.com/yakidoo.de/wp-content/uploads/2014/09/0x_r-e1409764462283.png?resize=80%2C60" alt="yolo" itemprop="thumbnailUrl">
+                                </div>
+                                <div class="recent-posts-teaser pull-right">
+                                    <h5 itemprop="headline">Animusikalische App im Playstore</h5>
+                                    <div>
+                                        <span class="post-author">
+                                            <i class="fa fa-user fa-fw"></i><span itemprop="author">Fbn351</span>
+                                        </span>
+                                        <span class="post-date">
+                                            <i class="fa fa-clock-o fa-fw"></i><span itemprop="dateCreated">27. Juli 2014</span>
+                                        </span>
+                                    </div>
+                                </div>
+                            </li>
+                        </ul>
+                    </div>
+                    <div class="col-md-4"> <!-- archive -->
+                        <h3 class="footer-title">
+                            <span>Archive</span>
+                        </h3>
+                        <ul>
+                            <li>Januar 2013</li>
+                            <li>Februar 2014</li>
+                        </ul>
+                    </div>
+                    <div class="col-md-4"> <!-- feed -->
+                        <h3 class="footer-title">
+                        <span>Feed</span>
+                        </h3>
+                        <ul>
+                            <li>Animusikalische App im Playstore</li>
+                            <li>Gamescom vorbei – Spielehöhepunkte</li>
+                        </ul>
+                    </div>
+                </div>
+            </footer>
+        </div> <!-- /container -->
+
+        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+        <!-- Include all compiled plugins (below), or include individual files as needed -->
+        <script src="<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
+    </body>
+</html>

functions.php

@@ -0,0 +1,64 @@
+<?php
+
+function custom_excerpt_length( $length ) {
+	return 30;
+}
+
+/*function yakidoo_theme_setup() {
+
+}
+add_action( 'after_setup_theme', 'yakidoo_theme_setup' );*/
+
+add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
+add_theme_support( 'post-thumbnails' ); // enable post thumbnails
+set_post_thumbnail_size( 300, 200, true );
+add_image_size("featured", 263, 250, true);
+add_image_size("featured-wide", 555, 250, true);
+
+function register_my_menus() {
+  register_nav_menus(
+    array(
+      'header-menu' => __( 'Header Menu' ),
+      'header-sub-menu' => __( 'Header Sub-menu' )
+    )
+  );
+}
+add_action( 'init', 'register_my_menus' );
+
+function yakidoo_widgets_init() {
+    register_sidebar( array(
+        'name' => __( 'Main Sidebar', 'theme-slug' ),
+        'id' => 'sidebar-1',
+        'description' => __( 'Widgets in this area will be shown on all posts and pages.', 'theme-slug' ),
+        'before_widget' => '<li id="%1$s" class="widget %2$s">',
+	'after_widget'  => '</li>',
+	'before_title'  => '<h2 class="widgettitle">',
+	'after_title'   => '</h2>',
+    ) );
+}
+add_action( 'widgets_init', 'yakidoo_widgets_init' );
+
+class Yakidoo_Walker extends Walker {
+
+    // Tell Walker where to inherit it's parent and id values
+    var $db_fields = array(
+        'parent' => 'menu_item_parent',
+        'id'     => 'db_id'
+    );
+
+    /**
+     * At the start of each element, output a <li> and <a> tag structure.
+     *
+     * Note: Menu objects include url and title properties, so we will use those.
+     */
+    function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
+        $output .= sprintf( "\n<li itemscope=\"itemscope\" itemtype=\"http://schema.org/SiteNavigationElement\"><a href='%s'%s itemprop=\"url\"><span itemprop=\"name\">%s</span></a></li>\n",
+            $item->url,
+            ( $item->object_id === get_the_ID() ) ? ' class="current"' : '',
+            $item->title
+        );
+    }
+
+}
+
+?>

header.php

@@ -0,0 +1,107 @@
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+    <head>
+        <meta charset="<?php bloginfo( 'charset' ); ?>">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <title><?php bloginfo('name'); ?> | <?php is_front_page() ? bloginfo('description') : wp_title(''); ?></title>
+
+        <!-- Bootstrap -->
+        <link href="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css" rel="stylesheet">
+        <link href="<?php echo get_template_directory_uri(); ?>/css/font-awesome.min.css" rel="stylesheet">
+        <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300,200' rel='stylesheet' type='text/css'>
+        <link href="<?php echo get_template_directory_uri(); ?>/css/style.css" rel="stylesheet">
+        <link rel="profile" href="http://gmpg.org/xfn/11" />
+        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
+
+        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+        <!--[if lt IE 9]>
+        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+        <![endif]-->
+
+        <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
+        <?php wp_head(); ?>
+    </head>
+    <body>
+        <div id="container" class="container clearfix">
+            <header id="header" class="clearfix">
+                <a href="<?php echo get_site_url(); ?>">
+                    <img src="http://yakidoo.de/wp-content/uploads/2015/05/YakidooLogo_standalone.png" alt="Yakidoo.de powered by GamingSwitch.de">
+                </a>
+            </header>
+            <div id="nav" class="nav clearfix">
+                <?php
+
+                $defaults = array(
+                	'theme_location'  => 'header-menu',
+                	'menu'            => 'Header Menu',
+                	'container'       => '',
+                	'container_class' => '',
+                	'container_id'    => '',
+                	'menu_class'      => 'menu list-inline',
+                	'menu_id'         => 'main-nav',
+                	'echo'            => true,
+                	'fallback_cb'     => 'wp_page_menu',
+                	'before'          => '',
+                	'after'           => '',
+                	'link_before'     => '',
+                	'link_after'      => '',
+                	'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
+                	'depth'           => 0,
+                	'walker'          => new Yakidoo_Walker()
+                );
+
+                wp_nav_menu( $defaults );
+
+                ?>
+                <div id="sub-menu" class="clearfix">
+                    <div id="breaking" class="pull-left">
+                        <span>Breaking <i class="fa fa-long-arrow-right"></i> </span>
+                        <ul>
+                            <li>
+                                <a href="#">Veltin ist nicht da</a>
+                            </li>
+                            <li style="display: none;">
+                                <a href="#">Veltin ist immer noch nicht da</a>
+                            </li>
+                            <li style="display: none;">
+                                <a href="#">alllrl</a>
+                            </li>
+                        </ul>
+                    </div>
+                    <div id="sub-menu-menu" class="pull-right">
+                        <?php
+
+                        $defaults = array(
+                        	'theme_location'  => 'header-sub-menu',
+                        	'menu'            => 'Header Sub-menu',
+                        	'container'       => '',
+                        	'container_class' => '',
+                        	'container_id'    => '',
+                        	'menu_class'      => 'menu',
+                        	'menu_id'         => 'main-sub-nav',
+                        	'echo'            => true,
+                        	'fallback_cb'     => 'wp_page_menu',
+                        	'before'          => '',
+                        	'after'           => '',
+                        	'link_before'     => '',
+                        	'link_after'      => '',
+                        	'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
+                        	'depth'           => 0,
+                        	'walker'          => new Yakidoo_Walker()
+                        );
+
+                        wp_nav_menu( $defaults );
+
+                        ?>
+                        <!--<ul>
+                            <li>Über Uns</li>
+                            <li>Team</li>
+                            <li>Autor werden</li>
+                            <li>Kontakt</li>
+                        </ul>-->
+                    </div>
+                </div>
+            </div>

index.php

@@ -0,0 +1,114 @@
+<?php get_header(); ?>
+
+<div id="wrapper" class="clearfix">
+
+    <div id="featured-wrapper">
+
+    <?php
+    $counter = 0;
+    $featuredPosts = new WP_Query( 'category_name=featured&posts_per_page=6' );
+
+    while ( $featuredPosts->have_posts() ) : $featuredPosts->the_post();
+    if(($counter % 3) == 0) {
+        ?>
+        <div class="row">
+        <?php
+    }
+
+    if($counter == 0 || $counter == 5) {
+        ?>
+        <div class="col-md-6">
+            <div class="image-wrapper">
+                <a href="<?php the_permalink(); ?>">
+                    <?php the_post_thumbnail('featured-wide', array("class" => "img-responsive zoom-image")); ?>
+                </a>
+            </div>
+            <div class="featured-meta">
+                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
+                <span class="post-author">
+                    <i class="fa fa-user fa-fw"></i><span itemprop="author"><?php the_author(); ?></span>
+                </span>
+                <span class="post-date">
+                    <i class="fa fa-clock-o fa-fw"></i><span itemprop="dateCreated"><?php the_date(); ?></span>
+                </span>
+                <span class="post-categories">
+                    <i class="fa fa-folder fa-fw"></i><span itemprop="keywords"><?php the_category(', '); ?></span>
+                </span>
+            </div>
+        </div>
+        <?php
+    } else {
+        ?>
+        <div class="col-md-3">
+            <div class="image-wrapper">
+                <a href="<?php the_permalink(); ?>">
+                    <?php the_post_thumbnail('featured', array("class" => "img-responsive zoom-image")); ?>
+                </a>
+            </div>
+            <div class="featured-meta">
+                <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
+            </div>
+        </div>
+        <?php
+    }
+
+    if($counter == 2 || $counter == 5) {
+        ?>
+        </div>
+        <?php
+    }
+
+    $counter++;
+
+    endwhile;
+    ?>
+    </div>
+    <div id="content">
+        <div class="col-md-8">
+
+        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
+            <div itemscope="itemscope" itemtype="http://schema.org/NewsArticle" class="post clearfix">
+                <?php
+                    if(has_post_thumbnail()) {
+                ?>
+                <div class="post-image pull-left">
+                    <div class="image-wrapper">
+                        <a href="<?php the_permalink(); ?>">
+                            <?php the_post_thumbnail(array(300,200), array("itemprop" => "thumbnailUrl", "alt" => "yolo")); ?>
+                        </a>
+                    </div>
+                </div>
+                <?php
+                    }
+                ?>
+                <div class="post-content pull-left">
+                    <h2 itemprop="headline" class="post-title">
+                        <a href="<?php the_permalink(); ?>">
+                            <?php the_title(); ?>
+                        </a>
+                    </h2>
+                    <div class="post-meta text-muted">
+                        <span class="post-author">
+                            <i class="fa fa-user fa-fw"></i><span itemprop="author"><?php the_author(); ?></span>
+                        </span>
+                        <span class="post-date">
+                            <i class="fa fa-clock-o fa-fw"></i><span itemprop="dateCreated"><?php the_date(); ?></span>
+                        </span>
+                        <span class="post-categories">
+                            <i class="fa fa-folder fa-fw"></i><span itemprop="keywords"><?php the_category(', '); ?></span>
+                        </span>
+                    </div>
+                    <div itemprop="articleBody" class="post-excerpt">
+                        <?php the_excerpt(); ?>
+                    </div>
+                </div>
+            </div>
+        <?php endwhile; endif; ?>
+        </div>
+        <div class="col-md-4 sidebar">
+            <?php get_sidebar(); ?>
+        </div>
+    </div>
+</div>
+
+<?php get_footer(); ?>

style.css

@@ -0,0 +1,12 @@
+/*
+Theme Name: Yakidoo
+Theme URI: http://yakidoo.de
+Author: Moritz Schmidt
+Author URI: http://mmnx.de/
+Description: Theme for yakidoo.de
+Version: 0.1
+License: GNU General Public License v2 or later
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+Tags: news
+Text Domain: yakidoo
+*/