Commit 0a6d50f3 authored by kliger's avatar kliger

add homepage, layouts

parent a7dc6e79
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectTasksOptions" suppressed-tasks="Less" />
</project>
\ No newline at end of file
This diff is collapsed.
@import "{}/imports/ui/stylesheets/not-found.less";
@import "{}/imports/ui/stylesheets/createQuiz.less";
@import "{}/imports/ui/stylesheets/home.less";
@import "{}/imports/ui/stylesheets/layout.less";
import { FlowRouter } from 'meteor/kadira:flow-router';
import { BlazeLayout } from 'meteor/kadira:blaze-layout';
<<<<<<< HEAD
// Import needed templates
import '../../ui/layouts/game/game.js';
=======
// Import layouts
import '../../ui/layouts/body/body.js';
// Import pages
>>>>>>> 9514a3c14e5304956a1a5195b0a13d7011a1babb
import '../../ui/pages/home/home.js';
import '../../ui/pages/not-found/not-found.js';
import '../../ui/pages/createQuiz/createQuiz.js';
......
......@@ -2,8 +2,9 @@
<form>
<div class="row">
<input type="text" name="gameCode" id="main-input" class="input" placeholder="הכנס קוד שאלון">
<button class="btn btn-primary"></button>
</div>
<div class="row"></div>
<div class="row">
<button class="btn btn-primary" type="submit" id="start-game-btn">התחל משחק!</button>
</div>
</form>
</template>
\ No newline at end of file
<template name="App_game">
{{> Template.dynamic template=main}}
<div class="container">
{{> Template.dynamic template=main}}
</div>
</template>
<template name="App_home">
<div class="container">
<div class="row">
<div class="col-xl-4 col-xs-offset-4 col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12">
<div class="container">
<div class="row">
{{> mainForm}}
</div>
<div id="logo-area">
<h1>צהו"ל!</h1>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-xl-offset-4 col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12">
<div>
{{> mainForm}}
</div>
</div>
</div>
......
#main-input {
border: .125rem solid #ccc;
height: 50px;
text-align: center;
width: 100%;
margin-bottom: 10px;
font-size: 20px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border linear .2s,box-shadow linear .2s;
display: inline-block;
padding: 4px 6px;
}
#start-game-btn {
box-shadow: none;
outline: 0;
background-color: #333;
color: #fff;
width: 100%;
height: 50px;
border: none;
border-radius: 0;
font-size: 20px;
font-weight: bold;
}
#main-input:focus {
border-color: #000 !important;
}
#logo-area {
text-align: center;
}
#logo-area h1{
font-size: 100px;
color: #fff;
font-weight: bold;
}
\ No newline at end of file
body {
-webkit-animation: bgcolorchange 8s infinite;
animation: 8s infinite bgcolorchange;
}
@keyframes bgcolorchange {
0% {
background-color: red;
}
25% {
background-color: green;
}
50% {
background-color: yellow;
}
75% {
background-color: yellow;
}
100% {
background-color: red;
}
}
@-webkit-keyframes bgcolorchange {
0% {background: red;}
25% {background: yellow;}
75% {background: green;}
100% {background: blue;}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment