Added some css designs

This commit is contained in:
amazing-username
2017-07-16 13:28:43 -05:00
parent 15070abfd0
commit 146d21d149
11 changed files with 283 additions and 190 deletions
+8 -7
View File
@@ -9,31 +9,32 @@
<!-- 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 rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<body>
{!! Form::open(array('action' => 'HomeController@home')) !!}
{{ Form::hidden('username', $username) }}
<p>
<div style="background-color:#000000">
{{ Form::button('user home', array('style' => 'height:15%;width:100%;font-size:500%;background-color:#000000;color:#eee', 'type' => 'submit')) }}
<div>
{{ Form::button('user home', array('class' => 'userhome', 'type' => 'submit')) }}
</div>
</p>
{!! Form::close() !!}
<div class="jumbotron text-center">
<div class="jumbotron text-center maincontentarea">
<h1>Alright {{ $username }}, here is where you can create bills</h1>
<br>
{!! Form::open(array('action' => 'BillController@createbill')) !!}
{{ Form::hidden('username', $username) }}
<p>
{{ Form::label('lbl', 'bill name', array('style' => 'font-size:500%')) }}
{{ Form::label('lbl', 'bill name') }}
</p>
<p>
{{ Form::text('billname', '', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::text('billname', '') }}
</p>
<p>
{{ Form::button('Create Bill', array('style' => 'height:20%;width:70%;font-size:500%', 'type' => 'submit')) }}
{{ Form::button('Create Bill', array('class' => 'createbill', 'type' => 'submit')) }}
</p>
{!! Form::close() !!}
<h1>{{$message}}</h1>
+5 -4
View File
@@ -9,13 +9,14 @@
<!-- 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 rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<div style="background-color:#000000;text-align:center">
<a href="/"><h1 style="height:10%;font-size:800%">Home</h1></a>
<body>
<div>
<a href="/"><h1 class="logomaxipad">Home</h1></a>
</div>
<div class="jumbotron text-center">
<div class="jumbotron text-center maincontentarea">
<h1>Alright {{ $username }}, your account has been created</h1>
</div>
</body>
+9 -17
View File
@@ -5,28 +5,20 @@
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 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">
<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>
<style>
button {
height:40%;
width:90%;
}
h1 {
font-size:1000%;
}
</style>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<div class="jumbotron text-center">
<h1>HomeIsWhereTheMoneyIs</h1>
<a href="login"><button><h1 style="font-size:1000%">Login</h1></button><br></a>
<body>
<div class="jumbotron text-center maincontentarea">
<h1 class="logomaxipad">HomeIsWhereTheMoneyIs</h1>
<a href="login"><button class="loginmaxipad"><h1>Login</h1></button><br></a>
<br><br>
<a href="register"><button><h1 style="font-size:500%">Register</h1></button></a>
<a href="register"><button class="registermaxipad"><h1>Register</h1></button></a>
<br><br>
<a href='paycheck'><button><h1>Paycheck Calculator</h1></button></a>
<a href='paycheck'><button class="paycheckcalculator"><h1>Paycheck Calculator</h1></button></a>
</div>
</body>
</html>
+11 -10
View File
@@ -9,29 +9,30 @@
<!-- 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 rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<div style="background-color:#000000;text-align:center">
<a href="/"><h1 style="height:10%;font-size:800%">Home</h1></a>
<body>
<div>
<a href="/"><h1 class="logomaxipad">Home</h1></a>
</div>
<div class="jumbotron text-center">
<h1 style="font-size:800%">Login Page</h1>
<div class="jumbotron text-center maincontentarea">
<h1 class="sectiontitle">Login Page</h1>
<br>
{{ Form::open(array('action' => 'HomeController@loginUser')) }}
<p>
{{ Form::label("usernamelabel", 'username', array('style' => 'width:50%;height:20%;font-size:500%')) }}
{{ Form::label("usernamelabel", 'username') }}
<br>
{{ Form::text("username", '', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::text("username", '') }}
</p>
<p>
{{ Form::label("passwordlabel", 'password', array('style' => 'width:50%;height:20%;font-size:500%')) }}
{{ Form::label("passwordlabel", 'password') }}
<br>
{{ Form::password("password", array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::password("password") }}
</p>
<p>
<br>
{{ Form::submit("Login", array('style' => 'width:70%;height:25%;font-size:500%')) }}
{{ Form::submit("Login", array('class' => 'loginaccount')) }}
</p>
{{ Form::close() }}
<h1>{{ $message }}</h1>
+28 -50
View File
@@ -9,48 +9,23 @@
<!-- 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>
<style type="text/css">
.test
{
height: 30%;
}
.test2 {
height:50%;
}
input {
width:70%;
height:20%;
font-size:500%;
}
select {
width:70%;
height:20%;
font-size:500%;
}
label {
font-size:500%;
}
button {
width:70%;
height:20%;
font-size:500%;
}
</style>
<link rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<body>
{!! Form::open(array('action' => 'HomeController@home')) !!}
{{ Form::hidden('username', $username) }}
<p>
<div style="background-color:#000000">
{{ Form::button('user home', array('style' => 'height:15%;width:100%;font-size:500%;background-color:#000000;color:#eee', 'type' => 'submit')) }}
<div>
{{ Form::button('user home', array('class' => 'userhome', 'type' => 'submit')) }}
</div>
</p>
{!! Form::close() !!}
<div class="jumbotron text-center">
<div class="jumbotron text-center maincontentarea">
<h1>Alright {{ $username }}, here is where you can manage the bills you own</h1>
<br><br>
<div><h1 class="addbillmonthsection">
{!! Form::open(array('action' => 'BillController@managebill')) !!}
{{ Form::hidden('username', $username) }}
<br>
@@ -58,36 +33,38 @@ height: 30%;
{{ Form::label('billnamelabel', 'billname', array('style' => 'font-size:500%'))}}
</p>
<p>
<select name="billname" style="width:70%;height:20%;font-size:500%">
<select name="billname">
@foreach ($test as $bax)
<option value={{ $bax }}>{{ $bax }}</option>
@endforeach
</select>
</p>
<p>
{{ Form::label('datelabel', "enter date in yyyymm", array('style' => 'font-size:500%')) }}
{{ Form::label('datelabel', "enter date in yyyymm") }}
</p>
<p>
{{ Form::text('date', '', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::text('date', '') }}
</p>
<p>
{{ Form::label('totallabel', 'total bill amount', array('style' => 'font-size:500%')) }}
{{ Form::label('totallabel', 'total bill amount') }}
</p>
<p>
{{ Form::text('total', '', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::text('total', '') }}
</p>
<p>
{{ Form::label('eachlabel', 'how many people', array('style' => 'font-size:500%')) }}
{{ Form::label('eachlabel', 'how many people') }}
</p>
<p>
{{ Form::text('each', '', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::text('each', '') }}
</p>
{{ Form::button('add bill', array('style' => 'height:30%;width:70%;font-size:500%', 'type' => 'submit')) }}
{{ Form::button('add bill', array('class' => 'createbillmonthamount', 'type' => 'submit')) }}
<br><br>
<h1>{{ $message }}</h1>
</p>
{!! Form::close() !!}
<h1>{{ $message }}</h1>
<div>
</h1>
</div>
<div class="addpeoplesection">
<br><br>
<h1>Add people to the bill</h1>
{!! Form::open(array('action' => 'BillController@addpeople')) !!}
@@ -96,7 +73,7 @@ height: 30%;
{{ Form::label('billnamelbl', 'billname') }}
</p>
<p>
<select name="billname" style="width:70%;height:20%;font-size:500%">
<select name="billname">
@foreach ($test as $bax)
<option value={{ $bax }}>{{ $bax }}</option>
@endforeach
@@ -124,13 +101,13 @@ height: 30%;
<p>
{{ Form::text('amountpaid') }}
</p>
<p>
{{ Form::button('add payer', array('style' => '', 'type' => 'submit')) }}
{{ Form::button('add payer', array('class' => 'addpeople', 'type' => 'submit')) }}
<br><br>
</p>
{!! Form::close() !!}
</div>
<div>
<div class="managebill">
<br><br>
<h1>Manage a bill</h1>
{!! Form::open(array('action' => 'BillController@calcbill')) !!}
@@ -172,11 +149,12 @@ height: 30%;
{{ Form::text('amountpaid') }}
</p>
<p>
{{ Form::button('update payer', array('style' => '', 'type' => 'submit')) }}
{{ Form::button('update payer', array('class' => 'managebill', 'type' => 'submit')) }}
<br><br>
</p>
{!! Form::close() !!}
</div>
<div>
<div class="debtors">
<br><br>
<h1>Who owes you cash</h1>
{!! Form::open(array('action' => 'BillController@debt')) !!}
@@ -192,7 +170,7 @@ height: 30%;
</select>
</p>
<p>
{{ Form::button('check', array('style' => '', 'type' => 'submit')) }}
{{ Form::button('check', array('class' => 'viewdebtors', 'type' => 'submit')) }}
</p>
{!! Form::close() !!}
{{ $empt = isset($payer) }}
@@ -200,7 +178,7 @@ height: 30%;
nothing
@endif
@if ($empt)
<table style="width:100%;font-size:300%">
<table>
<tr>
<td>Payer</td>
<td>Billname</td>
+12 -35
View File
@@ -9,41 +9,14 @@
<!-- 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>
<style type="text/css">
.test
{
height: 30%;
}
.test2 {
height:50%;
}
input {
width:70%;
height:20%;
font-size:500%;
}
select {
width:70%;
height:20%;
font-size:500%;
}
label {
font-size:500%;
}
button {
width:70%;
height:20%;
font-size:500%;
}
</style>
<link rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<div style="background-color:#000000;text-align:center">
<a href="/"><h1 style="height:10%;font-size:800%">Home</h1></a>
<body>
<div class>
<a href="/"><h1 class="logomaxipad">Home</h1></a>
</div>
<div class="jumbotron text-center">
<h1>Bi-weekly paycheck calculator</h1>
<div class="jumbotron text-center maincontentarea">
<h1 class="sectiontitle">Bi-weekly paycheck calculator</h1>
<br><br>
{!! Form::open(array('action' => 'PaycheckController@results')) !!}
<p>
@@ -59,11 +32,13 @@ height: 30%;
{{ Form::text('payrate') }}
</p>
<p>
{{ Form::button('do it', array('type' => 'submit')) }}
{{ Form::button('do it', array('type' => 'submit', 'class' => 'paycheckcalculatoraction')) }}
</p>
{!! Form::close() !!}
<div class="paycheckcalculatorresults">
<table class="paycheckcalculatorresults">
@if ($hours!=='empt' && $hours!=='d')
<label style="font-size:500%">Hours: {{ $hours }}</label>
<label>Hours: {{ $hours }}</label>
<br>
<label>Pay rate: {{ $payrate }}</label>
<br>
@@ -83,6 +58,8 @@ height: 30%;
@if ($hours==='d')
<h1>Remember to fill in all the fields</h1>
@endif
</table>
</div>
</div>
</body>
</html>
+19 -18
View File
@@ -9,52 +9,53 @@
<!-- 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 rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<div style="background-color:#000000;text-align:center">
<a href="/"><h1 style="height:10%;font-size:800%">Home</h1></a>
<body>
<div>
<a href="/"><h1 class="logomaxipad">Home</h1></a>
</div>
<div class="jumbotron text-center">
<h1 style="font-size:800%">Registration Page</h1>
<div class="jumbotron text-center maincontentarea">
<h1 class="sectiontitle">Registration Page</h1>
<br>
{{ Form::open(array('action' => 'HomeController@registerUser', 'method' => 'post')) }}
<p>
{{ Form::label('firstnamelabel', 'first name', array('style' => 'width:60%;height:20%;font-size:500%')) }}
{{ Form::label('firstnamelabel', 'first name') }}
<br>
{{ Form::text('firstname', '', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::text('firstname', '') }}
</p>
<p>
{{ Form::label('lastnamelabel', 'last name', array('style' => 'width:60%;height:20%;font-size:500%')) }}
{{ Form::label('lastnamelabel', 'last name') }}
<br>
{{ Form::text('lastname', '', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::text('lastname', '') }}
</p>
<p>
{{ Form::label('usernamelabel', 'username', array('style' => 'width:60%;height:20%;font-size:500%')) }}
{{ Form::label('usernamelabel', 'username') }}
<br>
{{ Form::text('username', '', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::text('username', '') }}
</p>
<p>
{{ Form::label('passwordlabel', 'password', array('style' => 'width:60%;height:20%;font-size:500%')) }}
{{ Form::label('passwordlabel', 'password') }}
<br>
{{ Form::password('password', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::password('password') }}
</p>
<p>
{{ Form::label('confirmlabel', 'confirm', array('style' => 'width:60%;height:20%;font-size:500%')) }}
{{ Form::label('confirmlabel', 'confirm') }}
<br>
{{ Form::password('confirm', array('style' => 'width:70%;height:15%;font-size:500%')) }}
{{ Form::password('confirm') }}
</p>
<p>
{{ Form::label('roomlabel', 'room', array('style' => 'width:60%;height:20%;font-size:500%')) }}
{{ Form::label('roomlabel', 'room') }}
<br>
<select name="room" style="width:70%;height:20%;font-size:500%">
<select name="room" class="registeraccounttype">
<option>single</option>
<option>double</option>
</select>
</p>
<p>
<br>
{{ Form::submit('register me', array('style' => 'width:70%;height:25%;font-size:500%')) }}
{{ Form::submit('register me', array('class' => 'registeraccount')) }}
</p>
{{ Form::close() }}
<h1>{{ $message }}</h1>
+6 -14
View File
@@ -9,39 +9,31 @@
<!-- 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>
<style type="text/css">
.test
{
height: 30%;
}
.test2 {
height:50%;
}
</style>
<link rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<div class="jumbotron text-center">
<body>
<div class="jumbotron text-center maincontentarea">
<h1>What's good {{$username}}? it's your home page</h1>
<br><br>
{!! Form::open(array('action' => 'BillController@create')) !!}
{{ Form::hidden('username', $username) }}
<p>
{{ Form::button('create', array('style' => 'height:30%;width:80%;font-size:800%', 'type' => 'submit')) }}
{{ Form::button('create', array('class' => 'createsection', 'type' => 'submit')) }}
</p>
{!! Form::close() !!}
{!! Form::open(array('action' => 'BillController@manage')) !!}
{{ Form::hidden('username', $username) }}
<p>
{{ Form::button('mange', array('style' => 'height:30%;width:80%;font-size:800%', 'type' => 'submit')) }}
{{ Form::button('mange', array('class' => 'managesection', 'type' => 'submit')) }}
</p>
{!! Form::close() !!}
{!! Form::open(array('action' => 'BillController@view')) !!}
{{ Form::hidden('username', $username) }}
<p>
{{ Form::button('view', array('style' => 'height:30%;width:80%;font-size:800%', 'type' => 'submit')) }}
{{ Form::button('view', array('class' => 'viewsection', 'type' => 'submit')) }}
</p>
{!! Form::close() !!}
</div>
+7 -33
View File
@@ -9,45 +9,19 @@
<!-- 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>
<style type="text/css">
.test
{
height: 30%;
}
.test2 {
height:50%;
}
input {
width:70%;
height:20%;
font-size:500%;
}
select {
width:70%;
height:20%;
font-size:500%;
}
label {
font-size:500%;
}
button {
width:70%;
height:20%;
font-size:500%;
}
</style>
<link rel="stylesheet" type="text/css" href="http://108.255.70.130/css/scc.css">
</head>
<body style="background-color:#eee">
<body>
{!! Form::open(array('action' => 'HomeController@home')) !!}
{{ Form::hidden('username', $username) }}
<p>
<div style="background-color:#000000">
{{ Form::button('user home', array('style' => 'height:15%;width:100%;font-size:500%;background-color:#000000;color:#eee', 'type' => 'submit')) }}
<div>
{{ Form::button('user home', array('class' => 'userhome', 'type' => 'submit')) }}
</div>
</p>
{!! Form::close() !!}
<div class="jumbotron text-center">
<div class="jumbotron text-center maincontentarea">
<h1>Alright {{ $username }}, here is where you can view bills that you need to pay...</h1>
{!! Form::open(array('action' => 'BillController@viewbill')) !!}
@@ -60,11 +34,11 @@ height: 30%;
</select>
</p>
<p>
{{ Form::button('view bills', array('style' => 'height:30%;width:70%', 'type' => 'submit')) }}
{{ Form::button('view bills', array('class' => 'viewdebts', 'type' => 'submit')) }}
</p>
{!! Form::close() !!}
<div>
<table style="width:100%;font-size:300%">
<table>
<tr>
<th>bill name</th>
<th>amount paid</th>