Permalink
Browse files

new login screen

  • Loading branch information...
renatomarinho committed Nov 12, 2017
1 parent 1bcfc45 commit 54eb19bbdca45302eedfe9ba877f6d1da3a54832
@@ -11,7 +11,7 @@ var phpcs = require('gulp-phpcs');
var shell = require('gulp-shell');

gulp.task('less-core', function () {
return gulp.src(['./resources/assets/core/less/*','./resources/assets/vendors/css/*'])
return gulp.src(['./resources/assets/core/less/*','./resources/assets/core/less/**/*','./resources/assets/vendors/css/*'])
.pipe(sourcemaps.init())
.pipe(less())
.pipe(concat('core.css'))

Large diffs are not rendered by default.

Oops, something went wrong.

Large diffs are not rendered by default.

Oops, something went wrong.
Binary file not shown.

Large diffs are not rendered by default.

Oops, something went wrong.
@@ -0,0 +1,65 @@
.authentication__left-screen{
width: 40%;
height:100%;
float:left;

h3{
margin:20px 0 35px;
}

.small{
margin-top: 30px;
}

@media only screen and (max-width: 768px) {

width: 100%;

a.btn{
display: block;
margin: 5px 0;
text-align: left;
}
}
}

.authentication__right-screen{
background:#272822;
width: 60%;
height:100%;
float:left;
color:#fff;

.content{
text-align: center;
width: 400px;
}

h1{
font-weight: 700;
font-size:62px;
margin: 0;
padding: 0;
}

h2{
font-weight: 300;
font-size:32px;
margin: 0 0 60px;
padding: 0;
}

p{
font-size:18px;
color:#A6E22E;
}

@media only screen and (max-width: 768px) {
display:none;
}

}

.authentication__logo{
display: block;
}
@@ -1,15 +1,48 @@
html, body{
height: 100%;
}

body{
font-family: 'Open Sans', sans-serif;
font-size:12px;
padding-bottom: 30px;
font-size:14px;
}

.content-area-fluid,
.row{
height: 100%;
}

.aligner {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

.aligner-item {
max-width: 50%;
}

.aligner-item--top {
align-self: flex-start;
}

.aligner-item--bottom {
align-self: flex-end;
}

a{
color:rgb(23,165,225);
-o-transition:color .1s ease-out, background .2s ease-in;
-ms-transition:color .1s ease-out, background .2s ease-in;
-moz-transition:color .1s ease-out, background .2s ease-in;
-webkit-transition:color .1s ease-out, background .2s ease-in;
transition:color .1s ease-out, background .2s ease-in;

&:hover{
color:#19739c;
text-decoration: none;
}
}

ul{
@@ -495,22 +528,7 @@ header{
}

.body-login{
background:#E0E4E7;
.loginscreen{
background:#fff;
margin:60px auto;
padding:60px;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(43,43,43,1);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(43,43,43,1);
box-shadow: inset 0px 0px 5px 0px rgba(43,43,43,1);

a{
margin:10px 0 40px;
}
p{
color:#888;
}
}
background:#e9e9e9;
}

.table-product-backlog,
@@ -1,12 +1,13 @@
@section('title', trans('gitscrum.title-login'))

@extends('layouts.master', ['hideNavbar' => true, 'bodyClass' => 'body-login'])
@extends('layouts.master-fluid', ['hideNavbar' => true, 'bodyClass' => 'body-login'])

@section('content')
<script async defer src="https://buttons.github.io/buttons.js"></script>

<a href="https://github.com/GitScrum-Community/laravel-gitscrum"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/e7bbb0521b397edbd5fe43e7f760759336b5e05f/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677265656e5f3030373230302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_green_007200.png"></a>

<!--
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<div class="middle-box text-center loginscreen">
@@ -31,5 +32,58 @@
</div>
</div>
</div>
-->

<div class="authentication__left-screen">


<div class="aligner">

<div class="text-center">

<div class="authentication__logo">
<img src="/img/gitscrum-circle.png">
</div>

<h3 class="">
{{trans('gitscrum.welcome-to')}}
<a href="https://github.com/gitscrum-community-edition" target="_blank"><strong>GitScrum</strong></a>
</h3>

<a href="{{route('auth.provider', ['provider' => 'github'])}}" class="btn btn-lg btn-default btn-loader">
<i class="fa fa-github" aria-hidden="true"></i>&nbsp;&nbsp;<strong>GitHub</strong>
</a>

<a href="{{route('auth.provider', ['provider' => 'gitlab'])}}" class="btn btn-lg btn-default btn-loader">
<i class="fa fa-gitlab" aria-hidden="true"></i>&nbsp; <strong>GitLab</strong>
</a>

<a href="{{route('auth.provider', ['provider' => 'bitbucket'])}}" class="btn btn-lg btn-default btn-loader">
<i class="fa fa-bitbucket" aria-hidden="true"></i>&nbsp; <strong>Bitbucket</strong>
</a>

<p class="small">The GitScrum Community is licensed under the
<a href="https://github.com/gitscrum-community-edition/laravel-gitscrum/blob/master/LICENSE.md" target="_blank">MIT license</a></p>

</div>

</div>
</div>

<div class="authentication__right-screen">

<div class="aligner">
<div class="content">
<h1>GitScrum</h1>
<h2>be faster</h2>

<p>Powerful Virtual Assistant that lets you control your issues, user stories and sprints.</p>
</div>
</div>

</div>




@endsection
@@ -0,0 +1,36 @@
@include('partials.includes.header')

@if ( Auth::check() && (!isset($hideNavbar) || !$hideNavbar) )

@include('partials.includes.navbar-top')

<div class="breadcrumb-area">
<div class="container">
@yield('breadcrumb')
</div>
</div>

@endif

@if (trim($__env->yieldContent('main-title')))
<div class="main-title">
<div class="container">
@yield('main-title')
</div>
</div>
@endif

<div class="content-area-fluid">
@include('errors.validation-message')
@include('errors.flash-message')
@include('errors.notification-message')
@yield('content')
</div>

<div class="modal" id="modalLarge" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content"></div>
</div>
</div>

@include('partials.includes.footer')

0 comments on commit 54eb19b

Please sign in to comment.