talksik/Reflex
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

final fixes with karthik/devam home

Browse Source
This commit is contained in:
Arjun Patel
2018-01-21 11:33:40 -08:00
parent 38c93a13f4
commit 20205bfdfc
2 changed files with 122 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+25 -1
View File
@@ -10,6 +10,20 @@
<script src="https://apis.google.com/js/api.js"></script> <script src="https://apis.google.com/js/api.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://apis.google.com/js/platform.js" async defer></script> <script src="https://apis.google.com/js/platform.js" async defer></script>
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Contrail+One" rel="stylesheet">
<script type="text/javascript"> <script type="text/javascript">
function onSignIn(googleUser) { function onSignIn(googleUser) {
var profile = googleUser.getBasicProfile(); var profile = googleUser.getBasicProfile();
@@ -25,7 +39,7 @@
<body> <body>
<!--
<div class="input"> <div class="input">
<p class="title">Reflex <p class="title">Reflex
<font color="yellow" class="title">Accomplishing goals in a better way</font> <font color="yellow" class="title">Accomplishing goals in a better way</font>
@@ -37,6 +51,16 @@
<br> <br>
</p> </p>
</div> </div>
<-->
<div class="input">
<p class="title">ReFleX</p>
<p class="subtitle">Compete With You</p>
<p class="inputs">
<br>
<button class="g-signin2" data-onsuccess="onSignIn" id="begin"></button>
<br>
</p>
</div>
<script type="text/javascript" src="indexJs.js"></script> <script type="text/javascript" src="indexJs.js"></script>
main.css
+97 -17
View File
@@ -1,3 +1,13 @@
/* p.title */
/* background image */
/* "#00897B" */
/* subtitle */
/* button */
/* 603222874022-4msscrpqkgc4o8qn9ng3r0tetadcl69t.apps.googleusercontent.com
*/
/* NgVaidrQ8rG5uMhMKfPOv9QI */
html { html {
margin: 0; margin: 0;
padding: 0; padding: 0;
@@ -11,26 +21,43 @@ title {
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
position: absolute; position: relative;
height: 100%; height: 100%;
width: 100%; width: 100%;
background-image: url(pics/indexbg.jpg); /*background-image: url(http://www.mulierchile.com/nike-running-wallpapers/nike-running-wallpapers-005.jpg);*/
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://images.unsplash.com/photo-1476480862126-209bfaa8edc8?auto=format&fit=crop&w=1950&q=80);
/*background-image: url('pics/indexbg.jpg');*/
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
div.navbar {
background: black;
width: 100%;
height: 50px;
color: white;
display: flex;
align-items: right;
justify-content: center;
padding-left: 425px;
position: absolute;
}
.navbar .item{
color: white;
font-size: 35px;
margin-left:
}
div.input { div.input {
margin: 0; margin: 0;
position: absolute; position: absolute;
padding: 0; padding: 0;
width: 100%; width: 100%;
height: 500px; height: 100%;
} }
p.title { p.title {
margin: 0; margin: 10;
padding: 0; padding: 0;
height: 100px; height: 120px;
width: 70%; width: 70%;
text-align: center; text-align: center;
position: absolute; position: absolute;
@@ -38,10 +65,17 @@ p.title {
left: 50%; left: 50%;
margin-right: -50%; margin-right: -50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
font-family: 'Open Sans Condensed', sans-serif; font-family: 'Unica One', cursive;
font-size: 150px; /*font-family: 'Open Sans Condensed', sans-serif;*/
color: papayawhip; font-size: 200px;
/*color: #C0C0C0;*/
color: white;
margin-top: 150px;
/*text-shadow: 0px 0px 2px #000;*/
text-shadow: 2px 2px 4px #000000;
} }
font.title { font.title {
margin: 0; margin: 0;
padding-top: 5px; padding-top: 5px;
@@ -57,33 +91,79 @@ font.title {
font-size: 20px; font-size: 20px;
color: yellow; color: yellow;
} }
.subtitle{
margin: 10;
padding: 0;
height: 35px;
text-align: center;
position: absolute;
top: 12%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
font-family: 'Contrail One', cursive;
/*font-family: 'Open Sans Condensed', sans-serif;*/
font-size: 50px;
/*color: #546E7A;*/
color: black !important;
margin-top:330px;
z-index: 10;
}
html, html a {
-webkit-font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
p.legibility {
text-rendering: optimizeLegibility;
}
p.speed {
text-rendering: optimizeSpeed;
}
body {
text-rendering: optimizeLegibility;
}
p.inputs { p.inputs {
color: dimgray; color: dimgray;
margin: 0; margin: 0;
padding: 5px; padding: 5px;
border-radius: 8px; border-radius: 8px;
background-color: papayawhip; background-color: #ECEFF1;
height: 110px;
top:70%;
height: 150px;
width: 100%; width: 100%;
text-align: center; text-align: center;
position: fixed; position: fixed;
bottom: 0;
top: 70%;
left: 50%; left: 50%;
margin-right: -50%; margin-right: -50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
font-family: 'Open Sans Condensed', sans-serif; font-family: 'Open Sans Condensed', sans-serif;
box-shadow: 3px 3px 2px #888888;
vertical-align: middle; vertical-align: middle;
line-height: 50px;
font-size: 40px; font-size: 40px;
} }
#googol{
position: relative;
left: 45%;
top: 90%;
color: white;
}
#begin{
color: white;
font-size: 25px;
}
.nav {
position: fixed;
top: 0;
background-color: blue;
}
button { button {
padding: 0; padding: 0;
border: none; border: none;
background-color: none; background-color: none;
} }
button:hover { button:hover {
border: none; border: none;