Initial commit
Doyle
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 326 KiB |
@@ -0,0 +1,5 @@
|
||||
[.ShellClassInfo]
|
||||
InfoTip=This folder is shared online.
|
||||
IconFile=C:\Program Files (x86)\Google\Drive\googledrivesync.exe
|
||||
IconIndex=16
|
||||
|
||||
|
After Width: | Height: | Size: 820 B |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 120 KiB |
|
After Width: | Height: | Size: 131 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
@@ -0,0 +1,92 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="author" content="Lune Australia">
|
||||
<meta name="keywords" content=" Math, Masher, iOS, Android, Math, Learning, Game, Lune, Australia, Puzzle, Kids, Education">
|
||||
<meta name="description" content="Math Masher is a math game, made to educate kids in numbers whilst bringing fun and enjoyment in the process">
|
||||
<meta name="url" content="http://luneaustralia.com">
|
||||
<meta name="title" content="Math Masher: Bringing joy to numbers">
|
||||
|
||||
<meta property="og:author" content="Lune Australia">
|
||||
<meta property="og:url" content="http://luneaustralia.com">
|
||||
<meta property="og:description" content="Math Masher is a math game, made to educate kids in numbers whilst bringing fun and enjoyment in the process">
|
||||
<meta property="og:title" content="Math Masher: Bringing joy to numbers">
|
||||
<meta property="og:image" content="http://luneaustralia.com/images/lune_logo.png">
|
||||
|
||||
<title>Lune Australia - Math Masher - An iOS and Android interactive numbers game</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<script src="script.js"></script>
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
|
||||
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav>
|
||||
<img id="lune_logo" src="images/lune_logo.png" alt="lune_logo.png">
|
||||
</nav>
|
||||
|
||||
<header>
|
||||
<div id="header_wrapper">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<img id="math_masher_logo" src="images/math_masher_logo.png" alt="math_masher.png"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="store_wrapper">
|
||||
<div class="col-6">
|
||||
<a href="https://itunes.apple.com/au/app/mathmasher/id1239372207?l=en&mt=8"><img id="app_store" src="images/app_store.png" alt="app_store.png"></a>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<a href="https://play.google.com/store/apps/details?id=com.lune.MathMasher">
|
||||
<img id="play_store" src="images/play_store.png" alt="play_store.png">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<div id="trailer_wrapper">
|
||||
<iframe src="https://www.youtube.com/embed/AUozUZ8aY7g" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="row" id="math_masher_desc">
|
||||
<div class="col-12">
|
||||
<p>Play to practise your times-table from 1-12 and have fun at the same time. Practice in three different game modes and collect points to purchase skins and powerups as you become more familiar and confident with your times-table.<p>
|
||||
<ul>
|
||||
<li>✔ Select Multiples - Choose all the minions that are a multiple of the target number.</li>
|
||||
<li>✔ Select Pair - Choose the 2 minions that multiply to the target number.</li>
|
||||
<li>✔ Solve Equation - *BONUS* Practice your add/subtract skills by selecting the minion that solves the problem.</li>
|
||||
</ul>
|
||||
<p>With 3 game-modes for practice and over 20 collectables, no ads, Math Masher is a no fuss and fun way to help you master your times-table.</p>
|
||||
<p>Everything collectable is free by earning points in game. No money required, no charges, let children play at ease and become comfortable with arithmetic.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" id="game_play_wrapper">
|
||||
<div class="col-4">
|
||||
<img class="game_play" src="images/game_play_1.jpg" alt="game_play_1.jpg">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img class="game_play" src="images/game_play_2.jpg" alt="game_play_2.jpg">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<img class="game_play" src="images/game_play_3.jpg" alt="game_play_3.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<div id="footer_wrapper">
|
||||
<!--<div class="row">
|
||||
<h2>Stay Connected</h2>
|
||||
<a href="" target="_blank"><img id="fb_logo" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/F_icon.svg/2000px-F_icon.svg.png" alt="fb_logo.png"></a>
|
||||
</div>-->
|
||||
<div class="row" id="email">
|
||||
<a href="">EMAIL US (Deprecated)</a>
|
||||
</div>
|
||||
<div class="row" id="copyright">
|
||||
<p>Copyright © 2017 Lune Australia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 71 KiB |
@@ -0,0 +1,239 @@
|
||||
* {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Lato', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("images/background.png");
|
||||
background-color: rgba(195, 232, 255, 1.0);
|
||||
}
|
||||
|
||||
/**
|
||||
* NAVIGATION
|
||||
*/
|
||||
|
||||
nav {
|
||||
max-height: 200px;
|
||||
text-align: center;
|
||||
padding: 25px 0px;
|
||||
/*background-color: rgba(0, 0, 0, 0.1);*/
|
||||
}
|
||||
|
||||
nav img {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/**
|
||||
* HEADER
|
||||
*/
|
||||
|
||||
header {
|
||||
min-width: 100%;
|
||||
/*min-height: 100%;*/
|
||||
/* background-size: contain;
|
||||
background-repeat: repeat no-repeat;
|
||||
background-image: url("images/header_bg.jpg");*/
|
||||
}
|
||||
|
||||
#header_wrapper {
|
||||
max-width: 960px;
|
||||
margin: 0px auto;
|
||||
padding: 20px 0px;
|
||||
}
|
||||
|
||||
#math_masher_logo {
|
||||
width: 100%;
|
||||
padding: 0px 20px;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
#math_masher_logo {
|
||||
width: 100%;
|
||||
padding: 25px 60px;
|
||||
}
|
||||
}
|
||||
|
||||
/* STORE */
|
||||
|
||||
#store_wrapper {
|
||||
width: 50%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#app_store, #play_store {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#lune_logo {
|
||||
height: 150px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#app_store:hover, #play_store:hover, #fb_logo:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
#app_store, #play_store {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.game_play:hover {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
#store_wrapper {
|
||||
width: 80%;
|
||||
margin: 0px auto;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* MAIN
|
||||
*/
|
||||
|
||||
main {
|
||||
max-width: 960px;
|
||||
margin: 20px auto;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* TRAILER */
|
||||
#trailer_wrapper {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
margin: 0px 0px 25px 0px;
|
||||
}
|
||||
|
||||
#trailer_wrapper iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
#math_masher_desc {
|
||||
width: 80%;
|
||||
padding: 0px 0px;
|
||||
margin: 20px auto;
|
||||
text-align: center;
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
color: rgba(0, 0, 0, 0.7);
|
||||
text-align: left;
|
||||
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#math_masher_desc p, li, ul{
|
||||
margin: 10px 0px;
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
#math_masher_desc li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
#math_masher_desc {
|
||||
/*padding: 0px 150px;*/
|
||||
}
|
||||
}
|
||||
|
||||
#game_play_wrapper .col-4 {
|
||||
margin: 10px 0px 10px 0px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
#game_play_wrapper {
|
||||
margin: 25px 0px 0px 0px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.game_play {
|
||||
width: 90%;
|
||||
margin: 0px 20px;
|
||||
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/**
|
||||
* FOOTER
|
||||
*/
|
||||
|
||||
footer {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
margin: 50px auto 0px auto;
|
||||
/*background-color: rgba(0, 0, 0, 0.1);*/
|
||||
}
|
||||
|
||||
#footer_wrapper {
|
||||
border-top: solid 1px black;
|
||||
padding: 25px 0px;
|
||||
max-width: 960px;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
#email {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
#email a:link {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#copyright {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#fb_logo {
|
||||
width: 5%;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
#email a:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/**
|
||||
* Grid-View
|
||||
* https://www.w3schools.com/css/css_rwd_mediaqueries.asp
|
||||
*/
|
||||
/* For mobile phones: */
|
||||
[class*="col-"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
/* For desktop: */
|
||||
.col-1 {width: 8.33%;}
|
||||
.col-2 {width: 16.66%;}
|
||||
.col-3 {width: 25%;}
|
||||
.col-4 {width: 33.33%;}
|
||||
.col-5 {width: 41.66%;}
|
||||
.col-6 {width: 50%;}
|
||||
.col-7 {width: 58.33%;}
|
||||
.col-8 {width: 66.66%;}
|
||||
.col-9 {width: 75%;}
|
||||
.col-10 {width: 83.33%;}
|
||||
.col-11 {width: 91.66%;}
|
||||
.col-12 {width: 100%;}
|
||||
}
|
||||
|
||||
[class*="col-"] {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.row::after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 119 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 133 KiB |