Browse Source

color change

master
nau 8 years ago
parent
commit
c79ee12cf9
3 changed files with 16 additions and 12 deletions
  1. BIN
      screenshot2.png
  2. +12
    -12
      webapp/index.html
  3. +4
    -0
      webapp/own.css

BIN
screenshot2.png

Before After
Width: 1275  |  Height: 687  |  Size: 93 KiB Width: 1274  |  Height: 685  |  Size: 95 KiB

+ 12
- 12
webapp/index.html

@ -23,7 +23,7 @@
<nav> <nav>
<div class="nav-wrapper green lighten-2">
<div class="nav-wrapper blue-grey darken-1">
<a href="#" class="brand-logo">Open Work Time</a> <a href="#" class="brand-logo">Open Work Time</a>
<ul id="nav-mobile" class="right"> <ul id="nav-mobile" class="right">
<li> <li>
@ -47,35 +47,35 @@
<div class=""> <div class="">
<div class="row"> <div class="row">
<div class="card green lighten-5 col s12 m5 l5">
<div class="card green lighten-4 col s12 m5 l5">
<div class="card-content"> <div class="card-content">
<span class="card-title">Projects</span> <span class="card-title">Projects</span>
<ul class="collection"> <ul class="collection">
<li class="collection-item avatar green lighten-5">
<li class="collection-item avatar green lighten-4">
<img src="img/webicons/modeling.png" class="circle"/> <img src="img/webicons/modeling.png" class="circle"/>
<span class="title">Piratel</span> <span class="title">Piratel</span>
<span class="badge">14h</span> <span class="badge">14h</span>
<p class="grey-text">User1, User2</p> <p class="grey-text">User1, User2</p>
</li> </li>
<li class="collection-item avatar green lighten-4">
<li class="collection-item avatar green lighten-3">
<img src="img/webicons/smartphone.png" class="circle"/> <img src="img/webicons/smartphone.png" class="circle"/>
<span class="title">CarsharingApp Frontend</span> <span class="title">CarsharingApp Frontend</span>
<span class="badge">10h 34min</span> <span class="badge">10h 34min</span>
<p class="grey-text">User4, User3</p> <p class="grey-text">User4, User3</p>
</li> </li>
<li class="collection-item avatar green lighten-5">
<li class="collection-item avatar green lighten-4">
<img src="img/webicons/browser-4.png" class="circle"/> <img src="img/webicons/browser-4.png" class="circle"/>
<span class="title">CarsharingApp Backend</span> <span class="title">CarsharingApp Backend</span>
<span class="badge">11h 20min</span> <span class="badge">11h 20min</span>
<p class="grey-text">User1, User2</p> <p class="grey-text">User1, User2</p>
</li> </li>
<li class="collection-item avatar green lighten-5">
<li class="collection-item avatar green lighten-4">
<img src="img/webicons/coding.png" class="circle"/> <img src="img/webicons/coding.png" class="circle"/>
<span class="title">OpenWorkTime</span> <span class="title">OpenWorkTime</span>
<span class="badge">2h 15min</span> <span class="badge">2h 15min</span>
<p class="grey-text">User1, User2, User3, User4</p> <p class="grey-text">User1, User2, User3, User4</p>
</li> </li>
<li class="collection-item avatar green lighten-5">
<li class="collection-item avatar green lighten-4">
<img src="img/webicons/devices-1.png" class="circle"/> <img src="img/webicons/devices-1.png" class="circle"/>
<span class="title">WebPrimusTech</span> <span class="title">WebPrimusTech</span>
<span class="badge">0h</span> <span class="badge">0h</span>
@ -84,13 +84,13 @@
</ul> </ul>
</div> </div>
<div class="card-action"> <div class="card-action">
<a class="waves-effect waves-light btn green lighten-3">Add new project</a>
<a class="waves-effect waves-light btn green lighten-2">Add new project</a>
</div> </div>
</div> </div>
<div class="card green lighten-4 col s12 m7 l7">
<div class="card blue lighten-4 col s12 m7 l7">
<div class="card-content"> <div class="card-content">
<span class="card-title">CarsharingApp Frontend</span>
<span class="card-title"> <img src="img/webicons/smartphone.png" class="o_project_title_img"/>CarsharingApp Frontend</span>
<p> <p>
project github: <a href="#">https://github.com/idoctnef/collectivecarApp</a> project github: <a href="#">https://github.com/idoctnef/collectivecarApp</a>
</p> </p>
@ -106,13 +106,13 @@
</div> </div>
<div class="card-action"> <div class="card-action">
<a class="waves-effect waves-light btn green lighten-2">Work!</a>
<a class="waves-effect waves-light btn blue lighten-2">Work!</a>
<!--<a class="waves-effect waves-light btn deep-orange lighten-2">Stop working!</a>--> <!--<a class="waves-effect waves-light btn deep-orange lighten-2">Stop working!</a>-->
</div> </div>
</div> </div>
<div class="card green lighten-5 col s12 m7 l7">
<div class="card yellow lighten-3 col s12 m7 l7">
<div class="card-content"> <div class="card-content">
<span class="card-title">Workers</span> <span class="card-title">Workers</span>
<p> <p>

+ 4
- 0
webapp/own.css

@ -1,3 +1,7 @@
.o_project_title_img{
width: 50px;
display: inline-block;
}
.o_worker_avatar_img{ .o_worker_avatar_img{
width: 70px; width: 70px;
display: block; display: block;

Loading…
Cancel
Save