initial commit

devsaider · Sep 25, 2016 · 51747b7 · 51747b7
commit 51747b7
Show file tree

Hide file tree

Showing 19 changed files with 366 additions and 0 deletions.
diff --git a/footer.php b/footer.php
@@ -0,0 +1,4 @@
+    <div style="clear: both;"></div>
+  </div> <!-- end of #page -->
+  <?php wp_footer(); ?>
+</body>
diff --git a/functions.php b/functions.php
@@ -0,0 +1,15 @@
+<?php
+define('THEMICE_VERSION', "0.1a");
+
+if (!isset($content_width)) {
+  $content_width = 900;
+}
+
+function themice_scripts() {
+  wp_register_script('fullscreen', get_template_directory_uri() . '/js/fullscreen.js', '', THEMICE_VERSION, true);
+
+  wp_enqueue_style('style.css', get_stylesheet_directory_uri() . '/style.css', '', THEMICE_VERSION);
+  wp_enqueue_script('fullscreen');
+}
+
+add_action('wp_enqueue_scripts', 'themice_scripts');
diff --git a/header.php b/header.php
@@ -0,0 +1,9 @@
+<html>
+  <head>
+    <title>Transformice</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <?php wp_head();?>
+  </head>
+  <body>
+    <div id="page" class="blog blog-inverse">
+      <?php get_sidebar(); ?>
diff --git a/images/ballon.png b/images/ballon.png
diff --git a/images/basmenu.png b/images/basmenu.png
diff --git a/images/bg.jpg b/images/bg.jpg
diff --git a/images/hautmenu.png b/images/hautmenu.png
diff --git a/images/milieumenu.png b/images/milieumenu.png
diff --git a/images/next.png b/images/next.png
diff --git a/images/prev.png b/images/prev.png
diff --git a/images/repeat.jpg b/images/repeat.jpg
diff --git a/images/separator.png b/images/separator.png
diff --git a/images/stoneborder.png b/images/stoneborder.png
diff --git a/images/stoneborder2.png b/images/stoneborder2.png
diff --git a/index.php b/index.php
@@ -0,0 +1,74 @@
+<?php get_header(); ?>
+    <div id="maincontent" class="stone-block">
+      <div id="content">
+        <?php if (is_home()): ?>
+        <div id="game" style="width:800px;height:600px;">
+          <!-- trick for fullscreen -->
+          <div id="transformice" style="width:100%;height:100%;">
+            <object id="swf1" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" align="middle">
+            <param name="allowScriptAccess" value="always">
+            <param name="movie" value="http://cdn.nanomice.eu/TFMC.swf">
+            <param name="menu" value="true">
+            <param name="quality" value="high">
+            <param name="bgcolor" value="#6A7495">
+            <embed id="swf2" src="http://cdn.nanomice.eu/TFMC.swf" wmode="direct" menu="true" quality="high" bgcolor="#6A7495" width="100%" height="100%" name="Transformice" align="middle" swliveconnect="true" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
+            </object>
+          </div>
+        </div> <!-- end of #game -->
+        <hr>
+        <?php endif;
+
+        if (!have_posts()) {
+
+        } else { ?><div id="posts"><?php
+          while (have_posts()) {
+              the_post(); ?>
+              <div class="post" id="post-<?php echo get_the_ID(); ?>">
+                <?php if (!is_page()): ?>
+                  <h2><div class="postavatar"><?php echo get_avatar($post->post_author, 80); ?></div>
+                    <a href="<?php the_permalink();?>" title="<?php the_title();?>">
+                      <?php the_title();?>
+                    </a>
+                  </h2>
+                  <!-- title + permalink -->
+
+                  <p class="postmetadata">
+                    <!-- meta + author -->
+                    <span style="color: #62a4a8; font-weight:bold;font-size:1.2em;"><?php the_author();?></span> - <?php the_time('d/m/Y');?>
+                  </p>
+
+                  <div class="post_content">
+                    <!-- post content itself -->
+                    <p style="color: #555555">______________________________________________________________________________________</p>
+                    <p><?php the_content();?></p>
+                  </div>
+                <?php else: ?>
+                  <h2><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></h2>
+
+                  <div class="post_content">
+                    <!-- post content itself -->
+                    <p><?php the_content();?></p>
+                  </div>
+                <?php endif; ?>
+              </div>
+              <hr>
+              <?php
+          }
+          ?></div><?php
+        }
+        ?>
+        <div class="navigation">
+          <?php
+          if (is_page()):
+
+          elseif (is_home()):
+            posts_nav_link(' &#151 ', '<span id="prev">Previous Page</span>', '<span id="next">Next Page</span>');
+          else:
+            previous_post_link('<span id="prev">%link</span>');
+            echo ' &#151; ';
+            next_post_link('<span id="next">%link</span>');
+          endif; ?>
+        </div>
+      </div>
+    </div> <!-- end of stone blocks -->
+<?php get_footer(); ?>
diff --git a/js/fullscreen.js b/js/fullscreen.js
@@ -0,0 +1,61 @@
+var langue = navigator.language;
+if (!langue) {
+    langue = navigator.browserLanguage;
+}
+langue = langue.substr(0, 2);
+
+function positionMolette(X, Y) {}
+
+function activerMolette(OUI, HAUT) {}
+
+function recupLangue() {
+    return langue;
+}
+
+function pleinEcran(OUI) {
+    if (OUI) {
+        document.getElementById("transformice").style.position = "fixed";
+        document.getElementById("transformice").style.left = "0";
+        document.getElementById("transformice").style.top = "0";
+        document.getElementById("transformice").style.width = "100%";
+        document.getElementById("transformice").style.height = "100%";
+
+
+        document.getElementById("idPub").style.display = "none";
+        document.getElementById("fb-comments").style.display = "none";
+    } else {
+        document.getElementById("transformice").style.position = "static";
+        document.getElementById("transformice").style.width = "800px";
+        document.getElementById("transformice").style.height = "600px";
+
+
+        document.getElementById("idPub").style.display = "inline";
+        document.getElementById("fb-comments").style.display = "inline";
+    }
+}
+
+function cancelEvent(e) {
+    if (navigator.userAgent.indexOf("hrome") != -1) {
+        document.getElementById("swf2").x_moletteTransformice(e.wheelDelta);
+    }
+    e = e ? e : window.event;
+    if (e.stopPropagation)
+        e.stopPropagation();
+    if (e.preventDefault)
+        e.preventDefault();
+    e.cancelBubble = true;
+    e.cancel = true;
+    e.returnValue = false;
+    return false;
+}
+
+function hookEvent(element, eventName, callback) {
+    if (element.addEventListener) {
+        if (eventName == 'mousewheel') {
+            element.addEventListener('DOMMouseScroll', callback, false);
+        }
+        element.addEventListener(eventName, callback, false);
+    } else if (element.attachEvent) {
+        element.attachEvent("on" + eventName, callback);
+    }
+}
diff --git a/js/jquery-3.1.1.slim.min.js b/js/jquery-3.1.1.slim.min.js
diff --git a/sidebar.php b/sidebar.php
@@ -0,0 +1,18 @@
+    <div id="sidebar" class="v-block">
+      <div id="content">
+        <ul>
+          <li><a href="<?php echo esc_url(home_url('/')); ?>">Home</a></li>
+          <li><a href="//fb.com/officialmicetf">Facebook</a></li>
+        </ul>
+
+        <h2>Pages</h2>
+
+        <ul><?php wp_list_pages("title_li=");?></ul>
+
+        <div class="reset">
+          <div id="widgets" align="center">
+            <img src="http://placehold.it/160x600" />
+          </div>
+        </div>
+      </div>
+    </div> <!-- end of sidebar --> 
diff --git a/style.css b/style.css
@@ -0,0 +1,181 @@
+/*   
+Theme Name: themice
+Description: Refined Themice layout originally made by Melibellule
+Author: Ruslan Mukhametzhanov
+Author URI: https://devsaider.ru/
+Version: 0.1a
+*/
+
+body {
+  font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
+  font-size: 0.8em;
+  background: url("images/bg.jpg"), url("images/repeat.jpg");
+  background-color: #1e1815;
+  background-repeat: no-repeat, repeat-x;
+  background-position: center top;
+  color: #999;
+}
+
+body a {
+  color: #626ca8;
+  font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
+  text-decoration: none;
+}
+
+.v-block {
+  max-width: 180px;
+  min-height: 212px;
+  width: 180px;
+  background: url("images/hautmenu.png"), url("images/basmenu.png"), url("images/milieumenu.png");
+  background-repeat: repeat-x, repeat-x, repeat-y;
+  background-position: top, bottom, center;
+  background-color: #23150f;
+}
+
+.v-block > #content {
+  padding-top: 35px;
+  padding-bottom: 35px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.v-block > #content li, ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  padding-bottom: 8px;
+}
+
+.v-block > #content li:before {
+  content: url('images/ballon.png');
+  padding-left: 5px;
+  padding-right: 10px;
+}
+
+.v-block > #content a {
+  color: #7987df;
+}
+
+.v-block > #content h2 {
+  padding-left: 20px;
+  font-size: 1.2em;
+}
+
+.v-block > #content > .reset {
+  margin-left: -20px;
+  width: 180px;
+}
+
+.v-block > #content div #widgets {
+  margin: 0 auto;
+}
+
+.stone-block {
+  border: 15px solid transparent;
+  border-image-source: url("images/stoneborder2.png");
+  border-image-repeat: repeat;
+  border-image-slice: 15;
+  background-color: #191818;
+}
+
+.stone-block > #content {
+  font-size: 1.1em;
+  line-height: 130%;
+}
+
+.stone-block > #content hr {
+  background:url("images/separator.png") no-repeat top center;
+  height:15px;
+  border:none !important;
+  margin: 0 auto;
+}
+
+.stone-block > #content h2 {
+  font-size: 1.4em;
+  padding-left: 25px;
+}
+
+/* posts */
+
+.postmetadata {
+    font-size: 0.8em;
+    color: #999;
+    margin-bottom: 20px;
+    margin-top: -10px;
+}
+
+.post_content {
+    font-size: 1em;
+    color: #999;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.postavatar {
+    float: left;
+    margin-right: 10px;
+    margin-top: -10px;
+    margin-left: -10px;
+}
+
+/* blog styles */
+#page.blog {
+  width: 1050px;
+  margin: 0 auto 0 auto;
+}
+
+#page.blog > #maincontent {
+  float: left;
+  width: 800px;
+}
+
+#page.blog > #sidebar {
+  float: right;
+  width: 180px;
+}
+
+/* inverse */
+#page.blog-inverse > #maincontent {
+  float: right;
+}
+
+#page.blog-inverse > #sidebar {
+  float: left;
+}
+
+.navigation {
+  text-align: center;
+  font-size: 1.5em;
+  padding: 10px 0px 10px 0px;
+}
+
+.navigation img {
+  width: 35px;
+  vertical-align: middle;
+}
+
+.navigation span#prev:before {
+  background: url('images/prev.png') no-repeat;
+
+  vertical-align: middle;
+  display: inline-block;
+
+  background-size: 35px 35px;
+  width: 35px; 
+  height: 35px;
+  content: "";
+  margin-right: 10px;
+}
+
+.navigation span#next:after {
+  background: url('images/next.png') no-repeat;
+
+  vertical-align: middle;
+  display: inline-block;
+
+  background-size: 35px 35px;
+  width: 35px; 
+  height: 35px;
+  content: "";
+  margin-left: 10px;
+}