├── assets ├── images │ ├── db-avatar.png │ ├── db-graph.png │ ├── db-logo.png │ ├── db-stars.png │ ├── db-icon-xp.png │ ├── bg-bar-example.png │ ├── db-graph-bar.png │ ├── db-ico-clock.png │ ├── db-ico-comment.png │ ├── db-ico-search.png │ ├── db-icons-menu.png │ ├── db-arrow-tooltip.png │ ├── db-icons-actions.png │ ├── db-icons-topbar.png │ ├── db-mini-avatar-1.png │ ├── db-mini-avatar-2.png │ ├── db-mini-avatar-3.png │ ├── db-mini-avatar-4.png │ └── db-ico-arrow-down.png ├── stylesheets │ ├── style.sass │ ├── _sidebar.sass │ ├── _header.sass │ ├── _helpers.scss │ ├── _subheader.sass │ ├── _fonts.sass │ ├── _base.sass │ ├── style.css.map │ └── style.css └── fonts │ └── helvetica-neue │ ├── HelveticaNeueLTStd-Bd.eot │ ├── HelveticaNeueLTStd-Bd.ttf │ ├── HelveticaNeueLTStd-Bd.woff │ ├── helveticaneueltstd-lt.eot │ ├── helveticaneueltstd-lt.ttf │ ├── helveticaneueltstd-lt.woff │ ├── helveticaneueltstd-th.eot │ ├── helveticaneueltstd-th.ttf │ ├── helveticaneueltstd-th.woff │ ├── helveticaneueltstd-roman.eot │ ├── helveticaneueltstd-roman.ttf │ ├── helveticaneueltstd-roman.woff │ ├── helveticaneueltstd-ultlt.eot │ ├── helveticaneueltstd-ultlt.ttf │ ├── helveticaneueltstd-ultlt.woff │ ├── helveticaneueltstd-ultltit.eot │ ├── helveticaneueltstd-lt.svg │ ├── helveticaneueltstd-roman.svg │ ├── helveticaneueltstd-ultlt.svg │ └── HelveticaNeueLTStd-Bd.svg ├── readme.md ├── .gitignore └── index.html /assets/images/db-avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-avatar.png -------------------------------------------------------------------------------- /assets/images/db-graph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-graph.png -------------------------------------------------------------------------------- /assets/images/db-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-logo.png -------------------------------------------------------------------------------- /assets/images/db-stars.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-stars.png -------------------------------------------------------------------------------- /assets/images/db-icon-xp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-icon-xp.png -------------------------------------------------------------------------------- /assets/images/bg-bar-example.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/bg-bar-example.png -------------------------------------------------------------------------------- /assets/images/db-graph-bar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-graph-bar.png -------------------------------------------------------------------------------- /assets/images/db-ico-clock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-ico-clock.png -------------------------------------------------------------------------------- /assets/images/db-ico-comment.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-ico-comment.png -------------------------------------------------------------------------------- /assets/images/db-ico-search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-ico-search.png -------------------------------------------------------------------------------- /assets/images/db-icons-menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-icons-menu.png -------------------------------------------------------------------------------- /assets/images/db-arrow-tooltip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-arrow-tooltip.png -------------------------------------------------------------------------------- /assets/images/db-icons-actions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-icons-actions.png -------------------------------------------------------------------------------- /assets/images/db-icons-topbar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-icons-topbar.png -------------------------------------------------------------------------------- /assets/images/db-mini-avatar-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-mini-avatar-1.png -------------------------------------------------------------------------------- /assets/images/db-mini-avatar-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-mini-avatar-2.png -------------------------------------------------------------------------------- /assets/images/db-mini-avatar-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-mini-avatar-3.png -------------------------------------------------------------------------------- /assets/images/db-mini-avatar-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-mini-avatar-4.png -------------------------------------------------------------------------------- /assets/images/db-ico-arrow-down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/images/db-ico-arrow-down.png -------------------------------------------------------------------------------- /assets/stylesheets/style.sass: -------------------------------------------------------------------------------- 1 | @import "fonts" 2 | @import "helpers" 3 | @import "base" 4 | @import "header" 5 | @import "subheader" 6 | @import "sidebar" -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/HelveticaNeueLTStd-Bd.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/HelveticaNeueLTStd-Bd.eot -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/HelveticaNeueLTStd-Bd.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/HelveticaNeueLTStd-Bd.ttf -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/HelveticaNeueLTStd-Bd.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/HelveticaNeueLTStd-Bd.woff -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-lt.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-lt.eot -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-lt.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-lt.ttf -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-lt.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-lt.woff -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-th.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-th.eot -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-th.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-th.ttf -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-th.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-th.woff -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-roman.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-roman.eot -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-roman.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-roman.ttf -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-roman.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-roman.woff -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-ultlt.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-ultlt.eot -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-ultlt.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-ultlt.ttf -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-ultlt.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-ultlt.woff -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-ultltit.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tableless/dashboard-html/gh-pages/assets/fonts/helvetica-neue/helveticaneueltstd-ultltit.eot -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Assets Webinar Tableless 2 | No dia 12/02/2015 o Tableless realizou com o Diego Eis um Webinar onde foi implementado um PSD completo para HTML, usando SASS para produção de CSS. 3 | 4 | Para assistir o Webinar, visite este link: 5 | [Live Coding #2 - Codificando layout PSD para HTML + SASS](https://www.eventials.com/tableless/live-coding-implementando-psd-para-html-css/) 6 | 7 | Veja a imagem que vai ser implementada aqui e iremos disponibilizar o código via GIT durante e após a aula. 8 | image https://d13yacurqjgara.cloudfront.net/users/379146/screenshots/1640899/attachments/256781/Real_pixel.jpg 9 | 10 | O PSD pode ser baixado aqui: [PSD do Layout](http://bit.ly/course-dashboard) 11 | 12 | Layout created by [Hoang Nguyen](https://dribbble.com/Hoanguyen). -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | # 3 | # If you find yourself ignoring temporary files generated by your text editor 4 | # or operating system, you probably want to add a global ignore instead: 5 | # git config --global core.excludesfile ~/.gitignore_global 6 | 7 | # Ignore bundler config 8 | /.bundle 9 | 10 | # Ignore the build directory 11 | /build 12 | 13 | # Ignore node_modules directory 14 | /node_modules 15 | 16 | # Ignore Sass' cache 17 | /.sass-cache 18 | 19 | # Ignore .DS_store file 20 | .DS_Store 21 | .cache 22 | .rvmrc 23 | 24 | vendor/* 25 | 26 | .DS_Store 27 | 28 | # Vim 29 | *.swp 30 | *.swo 31 | 32 | Gemfile.lock 33 | .vagrant 34 | Vagrantfile 35 | 36 | # rbenv 37 | .ruby-version 38 | 39 | # Ignore deploy related files 40 | deploy 41 | 42 | Gemfile.lock 43 | 44 | -------------------------------------------------------------------------------- /assets/stylesheets/_sidebar.sass: -------------------------------------------------------------------------------- 1 | 2 | //// 3 | // SIDEBAR 4 | //// 5 | .db-sidebar 6 | background: #34495e 7 | position: fixed 8 | left: 0 9 | top: 0 10 | width: $sidebar-width 11 | height: 100% 12 | 13 | .db-avatar 14 | background: $green 15 | display: block 16 | padding: 20px 15px 17 | color: #fff 18 | font-size: 0.81rem 19 | 20 | img 21 | margin-right: 5px 22 | max-width: 50px 23 | 24 | .db-menu 25 | padding-top: 15px 26 | 27 | a 28 | color: #95a5a6 29 | text-decoration: none 30 | text-transform: uppercase 31 | font-size: .88rem 32 | padding: 15px 0 33 | display: block 34 | 35 | &:before 36 | content: "" 37 | background: url(../images/db-icons-menu.png) 38 | display: inline-block 39 | width: 25px 40 | height: 25px 41 | vertical-align: middle 42 | margin: 0 25px 43 | 44 | &:hover, 45 | &:active 46 | background-color: #243342 47 | color: #fff 48 | -------------------------------------------------------------------------------- /assets/stylesheets/_header.sass: -------------------------------------------------------------------------------- 1 | 2 | //// 3 | // HEADER 4 | //// 5 | .db-header 6 | background: #fff 7 | padding: 20px 25px 8 | border-bottom: 1px solid #e5e5e5 9 | 10 | .db-logo 11 | text-align: center 12 | height: 44px 13 | 14 | a 15 | @extend %db-img-replacement 16 | height: inherit 17 | display: inline-block 18 | background: url(../images/db-logo.png) no-repeat 19 | 20 | .db-search 21 | float: right 22 | 23 | b 24 | display: none 25 | 26 | input[type="text"] 27 | border: none 28 | 29 | 30 | .db-notifications 31 | float: left 32 | li 33 | display: inline-block 34 | 35 | a 36 | @extend %db-img-replacement 37 | width: 20px 38 | height: 20px 39 | margin-right: 30px 40 | display: inline-block 41 | background: url(../images/db-icons-topbar.png) no-repeat 42 | 43 | &.db-ico-messages 44 | background-position: -49px 0 45 | 46 | &.db-ico-alerts 47 | background-position: -95px 0 -------------------------------------------------------------------------------- /assets/stylesheets/_helpers.scss: -------------------------------------------------------------------------------- 1 | //// 2 | // Colors default 3 | //// 4 | $colors: ( 5 | green: #2ecc71, 6 | darkgreen: #16a085, 7 | lightgray: #dee1e2, 8 | orange: #e67333, 9 | purple: #8e44ad, 10 | ); 11 | 12 | $green: map-get($colors, green); 13 | $darkgreen: map-get($colors, darkgreen); 14 | $lightgray: map-get($colors, lightgray); 15 | $orange: map-get($colors, orange); 16 | $purple: map-get($colors, purple); 17 | 18 | //// 19 | // Measurements 20 | //// 21 | $sidebar-width: 200px; 22 | 23 | //// 24 | // Helpers Placeholders 25 | //// 26 | %db-img-replacement { 27 | text-indent: -999px; 28 | overflow: hidden; 29 | } 30 | 31 | //// 32 | // Functions and Conditionals 33 | //// 34 | 35 | /// Colors in Boxes 36 | @each $color-name, $color in $colors { 37 | .db-box-#{$color-name} { 38 | .db-box a:hover { 39 | box-shadow: inset 5px 0 0 0 $color; 40 | } 41 | 42 | .db-active a { 43 | color: $color; 44 | } 45 | } 46 | } 47 | 48 | 49 | /// Stripes Icons menu sidebar 50 | $icons-menu: ( 51 | dashboard: ( 52 | normal: 0, 53 | hover: -27px, 54 | ), 55 | course: ( 56 | normal: -66px, 57 | hover: -93px, 58 | ), 59 | exam: ( 60 | normal: -133px, 61 | hover: -160px, 62 | ), 63 | qa: ( 64 | normal: -199px, 65 | hover: -226px, 66 | ), 67 | news: ( 68 | normal: -264px, 69 | hover: -291px, 70 | ), 71 | ); 72 | 73 | @each $icon, $coord in $icons-menu { 74 | $normal: map-get($coord, normal); 75 | $hover: map-get($coord, hover); 76 | 77 | .db-menu a.db-ico-#{$icon} { 78 | &:before { 79 | background-position: 0 $normal 80 | } 81 | 82 | &:hover:before { 83 | background-position: 0 $hover 84 | } 85 | } 86 | 87 | } 88 | -------------------------------------------------------------------------------- /assets/stylesheets/_subheader.sass: -------------------------------------------------------------------------------- 1 | 2 | .db-subheader 3 | border-bottom: 1px solid #e5e5e5 4 | background: #fff 5 | padding: 20px 45px 0 6 | position: relative 7 | height: 190px 8 | 9 | .db-avatar-info 10 | img 11 | float: left 12 | margin-right: 30px 13 | 14 | .db-work 15 | font-size: 1rem 16 | color: #7f8c8d 17 | list-style: none 18 | 19 | li 20 | display: inline 21 | 22 | a 23 | color: #3498db 24 | text-decoration: none 25 | 26 | h1 27 | display: inline-block 28 | vertical-align: middle 29 | color: #2c3e50 30 | font-family: helveticaneuebd 31 | font-size: 1.5rem 32 | margin-right: 10px 33 | padding-top: 20px 34 | 35 | .db-stars 36 | font-size: 0 37 | display: inline-block 38 | position: relative 39 | top: 7px 40 | 41 | span 42 | width: 18px 43 | height: 18px 44 | display: inline-block 45 | background: url(../images/db-stars.png) no-repeat -18px 0 46 | 47 | &.db-star-active 48 | background-position: 0 0 49 | 50 | .db-exp 51 | color: #9ba3af 52 | font-size: 1rem 53 | background: url(../images/db-icon-xp.png) no-repeat 54 | padding-left: 15px 55 | 56 | 57 | .db-actions 58 | float: right 59 | 60 | li 61 | display: inline 62 | list-style: none 63 | 64 | a 65 | @extend %db-img-replacement 66 | width: 39px 67 | height: 39px 68 | display: inline-block 69 | background: url(../images/db-icons-actions.png) no-repeat 70 | border: 1px solid #cdd1d7 71 | border-radius: 50% 72 | 73 | &:hover 74 | background-color: $green 75 | 76 | &.db-ico-edit 77 | background-position: 10px -10px 78 | 79 | &:hover 80 | background-position: 10px 10px 81 | 82 | &.db-ico-logout 83 | background-position: -24px -10px 84 | 85 | &:hover 86 | background-position: -24px 10px 87 | 88 | .db-menu-content 89 | position: absolute 90 | bottom: 6px 91 | 92 | li 93 | display: inline 94 | list-style: none 95 | margin-right: 40px 96 | 97 | a 98 | padding: 0 10px 5px 99 | color: #2c3e50 100 | font-size: .88rem 101 | text-transform: uppercase 102 | text-decoration: none 103 | border-bottom: 4px solid #fff 104 | 105 | &:hover, 106 | &.db-active 107 | border-bottom-color: $green 108 | -------------------------------------------------------------------------------- /assets/stylesheets/_fonts.sass: -------------------------------------------------------------------------------- 1 | @font-face 2 | font-family: helveticaneue 3 | src: url('../fonts/helvetica-neue/helveticaneueltstd-roman.eot') 4 | src: url('../fonts/helvetica-neue/helveticaneueltstd-roman.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue/helveticaneueltstd-roman.woff') format('woff'), url('../fonts/helvetica-neue/helveticaneueltstd-roman.ttf') format('truetype'), url('../fonts/helvetica-neue/helveticaneueltstd-roman.svg#helveticaneueltstd-roman') format('svg') 5 | 6 | @font-face 7 | font-family: helveticaneuebd 8 | src: url('../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.eot') 9 | src: url('../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.woff') format('woff'), url('../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.svg#helveticaneueltstd') format('svg') 10 | 11 | @font-face 12 | font-family: Helvetica-UltLt 13 | src: url('../fonts/helvetica-neue/helveticaneueltstd-ultlt.eot') 14 | src: url('../fonts/helvetica-neue/helveticaneueltstd-ultlt.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue/helveticaneueltstd-ultlt.woff') format('woff'), url('../fonts/helvetica-neue/helveticaneueltstd-ultlt.ttf') format('truetype'), url('../fonts/helvetica-neue/helveticaneueltstd-ultlt.svg#helveticaneueltstd-ultlt') format('svg') 15 | font-weight: lighter 16 | 17 | @font-face 18 | font-family: helveticaneuelt 19 | src: url('../fonts/helvetica-neue/helveticaneueltstd-lt.eot') 20 | src: url('../fonts/helvetica-neue/helveticaneueltstd-lt.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue/helveticaneueltstd-lt.woff') format('woff'), url('../fonts/helvetica-neue/helveticaneueltstd-lt.ttf') format('truetype'), url('../fonts/helvetica-neue/helveticaneueltstd-lt.svg#helveticaneueltstd-lt') format('svg') 21 | font-weight: lighter 22 | 23 | @font-face 24 | font-family: helveticaneueth 25 | src: url('../fonts/helvetica-neue/helveticaneueltstd-th.eot') 26 | src: url('../fonts/helvetica-neue/helveticaneueltstd-th.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-neue/helveticaneueltstd-th.woff') format('woff'), url('../fonts/helvetica-neue/helveticaneueltstd-th.ttf') format('truetype'), url('../fonts/helvetica-neue/helveticaneueltstd-th.svg#helveticaneueth') format('svg') 27 | font-weight: lighter 28 | font-style: normal 29 | 30 | -------------------------------------------------------------------------------- /assets/stylesheets/_base.sass: -------------------------------------------------------------------------------- 1 | * 2 | margin: 0 3 | padding: 0 4 | box-sizing: border-box 5 | 6 | body 7 | background: #ecf0f1 8 | font: 100% helveticaneue, helvetica, arial, sans-serif 9 | 10 | img 11 | vertical-align: middle 12 | 13 | //// 14 | // CONTAINER 15 | //// 16 | .db-container 17 | margin-left: $sidebar-width 18 | 19 | 20 | //// 21 | // Content 22 | //// 23 | .db-content 24 | padding: 40px 45px 25 | 26 | .db-box-tabs 27 | display: inline-block 28 | margin-left: 2% 29 | vertical-align: top 30 | width: 31.7% 31 | 32 | &:first-child 33 | margin-left: 0 34 | 35 | .db-box-tab 36 | color: #95a5a6 37 | 38 | li 39 | text-align: center 40 | list-style: none 41 | display: inline-block 42 | width: 48% 43 | font-size: .75rem 44 | margin-bottom: -1px 45 | 46 | &.db-active 47 | background: #fff 48 | border: 1px solid $lightgray 49 | border-bottom: none 50 | padding: 20px 0 51 | 52 | a 53 | color: #95a5a6 54 | text-decoration: none 55 | text-transform: uppercase 56 | 57 | strong 58 | font-size: 2.13rem 59 | display: block 60 | text-align: center 61 | 62 | .db-box 63 | background: #fff 64 | border: 1px solid $lightgray 65 | margin-bottom: 35px 66 | 67 | li 68 | border-bottom: 1px solid $lightgray 69 | list-style: none 70 | 71 | a 72 | line-height: 1 73 | padding: 20px 20px 15px 74 | display: block 75 | text-decoration: none 76 | color: #7f8c8d 77 | 78 | &:hover 79 | background: #f6f8fc 80 | 81 | .db-lnk-show 82 | display: block 83 | text-align: right 84 | color: #2c3e50 85 | text-decoration: none 86 | font-size: .75rem 87 | padding: 10px 20px 88 | 89 | &:after 90 | content: "" 91 | background: url(../images/db-ico-arrow-down.png) no-repeat 95% center 92 | width: 10px 93 | height: 10px 94 | display: inline-block 95 | 96 | .db-graph 97 | padding: 20px 25px 98 | float: left 99 | 100 | hr 101 | border: none 102 | background: none 103 | height: 1px 104 | display: block 105 | margin: 15px 0 106 | width: 100% 107 | border-top: 1px solid $lightgray 108 | 109 | .db-friends 110 | border-left: 1px solid $lightgray 111 | overflow: hidden 112 | 113 | 114 | //// 115 | // Titles 116 | //// 117 | [class*="db-title-"] 118 | color: #7f8c8d 119 | font-weight: normal 120 | 121 | .db-title-2 122 | font-size: .88rem 123 | 124 | .db-friends & 125 | text-transform: uppercase 126 | padding: 20px 25px 15px 127 | border-bottom: 1px solid $lightgray 128 | 129 | .db-title-3 130 | font-size: 1rem -------------------------------------------------------------------------------- /assets/stylesheets/style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": ["_fonts.sass","_helpers.scss","_base.sass","_header.sass","_subheader.sass","_sidebar.sass"], 5 | "names": [], 6 | "file": "style.css" 7 | } -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Dashboard HTML + SASS 5 | 6 | 7 | 8 | 9 | 10 | 11 | 26 | 27 |
28 | 29 |
30 | 35 | 36 |
37 | 41 | 42 | 43 | 44 |
45 | 46 |

HOANG NGUYEN

47 | 48 |
49 | 50 |
51 | 52 | 53 | 57 | 58 |
59 | 60 |

HOANG NGUYEN

61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 74 | 75 | 8.782 exp 76 |
77 | 78 | 89 | 90 |
91 | 92 |
93 | 94 |
95 | 99 | 100 |
101 | 107 | Show more 108 |
109 |
110 | 111 |
112 | 116 | 117 |
118 | 124 | Show more 125 |
126 |
127 | 128 |
129 | 133 | 134 |
135 | 141 | Show more 142 |
143 |
144 | 145 |
146 |
147 |

Experience gained

148 | 149 |
150 |

Experience per day

151 | 152 |
153 | 154 |
155 |

Friend Activity

156 | 157 | 199 | Show more 200 | 201 |
202 | 203 |
204 | 205 | 206 | 207 |
208 | 209 | 210 |
211 | 212 | 213 | -------------------------------------------------------------------------------- /assets/stylesheets/style.css: -------------------------------------------------------------------------------- 1 | @font-face{font-family:helveticaneue;src:url("../fonts/helvetica-neue/helveticaneueltstd-roman.eot");src:url("../fonts/helvetica-neue/helveticaneueltstd-roman.eot?#iefix") format("embedded-opentype"),url("../fonts/helvetica-neue/helveticaneueltstd-roman.woff") format("woff"),url("../fonts/helvetica-neue/helveticaneueltstd-roman.ttf") format("truetype"),url("../fonts/helvetica-neue/helveticaneueltstd-roman.svg#helveticaneueltstd-roman") format("svg")}@font-face{font-family:helveticaneuebd;src:url("../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.eot");src:url("../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.eot?#iefix") format("embedded-opentype"),url("../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.woff") format("woff"),url("../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.ttf") format("truetype"),url("../fonts/helvetica-neue/HelveticaNeueLTStd-Bd.svg#helveticaneueltstd") format("svg")}@font-face{font-family:Helvetica-UltLt;src:url("../fonts/helvetica-neue/helveticaneueltstd-ultlt.eot");src:url("../fonts/helvetica-neue/helveticaneueltstd-ultlt.eot?#iefix") format("embedded-opentype"),url("../fonts/helvetica-neue/helveticaneueltstd-ultlt.woff") format("woff"),url("../fonts/helvetica-neue/helveticaneueltstd-ultlt.ttf") format("truetype"),url("../fonts/helvetica-neue/helveticaneueltstd-ultlt.svg#helveticaneueltstd-ultlt") format("svg");font-weight:lighter}@font-face{font-family:helveticaneuelt;src:url("../fonts/helvetica-neue/helveticaneueltstd-lt.eot");src:url("../fonts/helvetica-neue/helveticaneueltstd-lt.eot?#iefix") format("embedded-opentype"),url("../fonts/helvetica-neue/helveticaneueltstd-lt.woff") format("woff"),url("../fonts/helvetica-neue/helveticaneueltstd-lt.ttf") format("truetype"),url("../fonts/helvetica-neue/helveticaneueltstd-lt.svg#helveticaneueltstd-lt") format("svg");font-weight:lighter}@font-face{font-family:helveticaneueth;src:url("../fonts/helvetica-neue/helveticaneueltstd-th.eot");src:url("../fonts/helvetica-neue/helveticaneueltstd-th.eot?#iefix") format("embedded-opentype"),url("../fonts/helvetica-neue/helveticaneueltstd-th.woff") format("woff"),url("../fonts/helvetica-neue/helveticaneueltstd-th.ttf") format("truetype"),url("../fonts/helvetica-neue/helveticaneueltstd-th.svg#helveticaneueth") format("svg");font-weight:lighter;font-style:normal}.db-header .db-logo a,.db-header .db-notifications a,.db-actions a{text-indent:-999px;overflow:hidden}.db-box-green .db-box a:hover{box-shadow:inset 5px 0 0 0 #2ecc71}.db-box-green .db-active a{color:#2ecc71}.db-box-#006400 .db-box a:hover{box-shadow:inset 5px 0 0 0 #16a085}.db-box-#006400 .db-active a{color:#16a085}.db-box-#d3d3d3 .db-box a:hover{box-shadow:inset 5px 0 0 0 #dee1e2}.db-box-#d3d3d3 .db-active a{color:#dee1e2}.db-box-orange .db-box a:hover{box-shadow:inset 5px 0 0 0 #e67333}.db-box-orange .db-active a{color:#e67333}.db-box-purple .db-box a:hover{box-shadow:inset 5px 0 0 0 #8e44ad}.db-box-purple .db-active a{color:#8e44ad}.db-menu a.db-ico-dashboard:before{background-position:0 0}.db-menu a.db-ico-dashboard:hover:before{background-position:0 -27px}.db-menu a.db-ico-course:before{background-position:0 -66px}.db-menu a.db-ico-course:hover:before{background-position:0 -93px}.db-menu a.db-ico-exam:before{background-position:0 -133px}.db-menu a.db-ico-exam:hover:before{background-position:0 -160px}.db-menu a.db-ico-qa:before{background-position:0 -199px}.db-menu a.db-ico-qa:hover:before{background-position:0 -226px}.db-menu a.db-ico-news:before{background-position:0 -264px}.db-menu a.db-ico-news:hover:before{background-position:0 -291px}*{margin:0;padding:0;box-sizing:border-box}body{background:#ecf0f1;font:100% helveticaneue,helvetica,arial,sans-serif}img{vertical-align:middle}.db-container{margin-left:200px}.db-content{padding:40px 45px}.db-content .db-box-tabs{display:inline-block;margin-left:2%;vertical-align:top;width:31.7%}.db-content .db-box-tabs:first-child{margin-left:0}.db-box-tab{color:#95a5a6}.db-box-tab li{text-align:center;list-style:none;display:inline-block;width:48%;font-size:0.75rem;margin-bottom:-1px}.db-box-tab li.db-active{background:#fff;border:1px solid #dee1e2;border-bottom:none;padding:20px 0}.db-box-tab a{color:#95a5a6;text-decoration:none;text-transform:uppercase}.db-box-tab strong{font-size:2.13rem;display:block;text-align:center}.db-box{background:#fff;border:1px solid #dee1e2;margin-bottom:35px}.db-box li{border-bottom:1px solid #dee1e2;list-style:none}.db-box li a{line-height:1;padding:20px 20px 15px;display:block;text-decoration:none;color:#7f8c8d}.db-box li:hover{background:#f6f8fc}.db-lnk-show{display:block;text-align:right;color:#2c3e50;text-decoration:none;font-size:0.75rem;padding:10px 20px}.db-lnk-show:after{content:"";background:url(../images/db-ico-arrow-down.png) no-repeat 95% center;width:10px;height:10px;display:inline-block}.db-graph{padding:20px 25px;float:left}.db-graph hr{border:none;background:none;height:1px;display:block;margin:15px 0;width:100%;border-top:1px solid #dee1e2}.db-friends{border-left:1px solid #dee1e2;overflow:hidden}[class*="db-title-"]{color:#7f8c8d;font-weight:normal}.db-title-2{font-size:0.88rem}.db-friends .db-title-2{text-transform:uppercase;padding:20px 25px 15px;border-bottom:1px solid #dee1e2}.db-title-3{font-size:1rem}.db-header{background:#fff;padding:20px 25px;border-bottom:1px solid #e5e5e5}.db-header .db-logo{text-align:center;height:44px}.db-header .db-logo a{height:inherit;display:inline-block;background:url(../images/db-logo.png) no-repeat}.db-header .db-search{float:right}.db-header .db-search b{display:none}.db-header .db-search input[type="text"]{border:none}.db-header .db-notifications{float:left}.db-header .db-notifications li{display:inline-block}.db-header .db-notifications a{width:20px;height:20px;margin-right:30px;display:inline-block;background:url(../images/db-icons-topbar.png) no-repeat}.db-header .db-notifications a.db-ico-messages{background-position:-49px 0}.db-header .db-notifications a.db-ico-alerts{background-position:-95px 0}.db-subheader{border-bottom:1px solid #e5e5e5;background:#fff;padding:20px 45px 0;position:relative;height:190px}.db-avatar-info img{float:left;margin-right:30px}.db-avatar-info .db-work{font-size:1rem;color:#7f8c8d;list-style:none}.db-avatar-info .db-work li{display:inline}.db-avatar-info .db-work a{color:#3498db;text-decoration:none}.db-avatar-info h1{display:inline-block;vertical-align:middle;color:#2c3e50;font-family:helveticaneuebd;font-size:1.5rem;margin-right:10px;padding-top:20px}.db-avatar-info .db-stars{font-size:0;display:inline-block;position:relative;top:7px}.db-avatar-info .db-stars span{width:18px;height:18px;display:inline-block;background:url(../images/db-stars.png) no-repeat -18px 0}.db-avatar-info .db-stars span.db-star-active{background-position:0 0}.db-avatar-info .db-exp{color:#9ba3af;font-size:1rem;background:url(../images/db-icon-xp.png) no-repeat;padding-left:15px}.db-actions{float:right}.db-actions li{display:inline;list-style:none}.db-actions a{width:39px;height:39px;display:inline-block;background:url(../images/db-icons-actions.png) no-repeat;border:1px solid #cdd1d7;border-radius:50%}.db-actions a:hover{background-color:#2ecc71}.db-actions a.db-ico-edit{background-position:10px -10px}.db-actions a.db-ico-edit:hover{background-position:10px 10px}.db-actions a.db-ico-logout{background-position:-24px -10px}.db-actions a.db-ico-logout:hover{background-position:-24px 10px}.db-menu-content{position:absolute;bottom:6px}.db-menu-content li{display:inline;list-style:none;margin-right:40px}.db-menu-content a{padding:0 10px 5px;color:#2c3e50;font-size:0.88rem;text-transform:uppercase;text-decoration:none;border-bottom:4px solid #fff}.db-menu-content a:hover,.db-menu-content a.db-active{border-bottom-color:#2ecc71}.db-sidebar{background:#34495e;position:fixed;left:0;top:0;width:200px;height:100%}.db-avatar{background:#2ecc71;display:block;padding:20px 15px;color:#fff;font-size:0.81rem}.db-avatar img{margin-right:5px;max-width:50px}.db-menu{padding-top:15px}.db-menu a{color:#95a5a6;text-decoration:none;text-transform:uppercase;font-size:0.88rem;padding:15px 0;display:block}.db-menu a:before{content:"";background:url(../images/db-icons-menu.png);display:inline-block;width:25px;height:25px;vertical-align:middle;margin:0 25px}.db-menu a:hover,.db-menu a:active{background-color:#243342;color:#fff} 2 | /*# sourceMappingURL=style.css.map */ 3 | -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-lt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 11 | 12 | 13 | 14 | 16 | 18 | 20 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 33 | 34 | 36 | 38 | 39 | 41 | 43 | 44 | 46 | 48 | 49 | 50 | 51 | 52 | 53 | 55 | 58 | 59 | 61 | 63 | 64 | 65 | 66 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 77 | 78 | 80 | 82 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 99 | 101 | 102 | 104 | 106 | 107 | 109 | 110 | 111 | 112 | 113 | 114 | 116 | 117 | 118 | 120 | 122 | 123 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 134 | 135 | 137 | 138 | 139 | 140 | 141 | -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-roman.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 11 | 12 | 13 | 14 | 15 | 17 | 19 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 33 | 34 | 36 | 38 | 39 | 41 | 43 | 44 | 46 | 48 | 49 | 50 | 51 | 52 | 53 | 55 | 58 | 59 | 61 | 63 | 64 | 65 | 66 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 77 | 78 | 80 | 82 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 99 | 101 | 103 | 105 | 107 | 108 | 110 | 111 | 112 | 113 | 114 | 115 | 117 | 118 | 119 | 121 | 123 | 124 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 135 | 136 | 138 | 140 | 141 | 142 | 143 | -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/helveticaneueltstd-ultlt.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 11 | 12 | 13 | 14 | 16 | 19 | 21 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 35 | 36 | 38 | 40 | 41 | 43 | 45 | 46 | 48 | 50 | 51 | 52 | 53 | 54 | 55 | 57 | 60 | 61 | 63 | 65 | 66 | 67 | 68 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 81 | 83 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 102 | 104 | 106 | 108 | 110 | 111 | 113 | 114 | 115 | 116 | 117 | 118 | 120 | 121 | 122 | 124 | 126 | 127 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 138 | 139 | 141 | 143 | 144 | 145 | 146 | -------------------------------------------------------------------------------- /assets/fonts/helvetica-neue/HelveticaNeueLTStd-Bd.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | !"#$%&'()*+,-./0123456789:;å<>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_` abcdefghijklmnopqrstuvwxyz|{}~ --------------------------------------------------------------------------------