diff options
| -rwxr-xr-x | public/assets/stylesheets/app.css | 61 | ||||
| -rw-r--r-- | views/projects/list-projects.ejs | 19 |
2 files changed, 43 insertions, 37 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index cadd11d..3f3b8f7 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -6,6 +6,9 @@ outline:0; font-family: 'Lato', sans-serif; -webkit-font-smoothing: subpixel-antialiased; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } *, *:before, *:after { moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; @@ -173,17 +176,11 @@ h5 { border-spacing: 0; clear: both; } -.page table.profilepage tr, -.page table.projectList tr { - height: 400px; -} + .page table.showcase { height:70vh; } -.page table.projectList td.border { - position: relative; - border-right: 1px solid; -} + iframe.embed { width: 100%; height: 100%; @@ -194,35 +191,47 @@ iframe.embed { z-index: -1; pointer-events: none; } -.page table.demo td, -.page table.profilepage td, -.page table.projectList td { +.projectList { + display: inline-block; + float: left; + width: 100%; +} +.projectList .room { width: 33.3333%; - background-size: cover; - background-repeat: no-repeat; - background-position: center; - border-bottom:1px solid black; + height:40vh; + display:table; + position: relative; + float:left; + border-top:1px solid black; } +.projectList .room:nth-child(4n+1){ + width:100%; +} +.page .btn { + clear: both; + padding: 30px 0; + border: 0; +} .page table.showcase td { height: 70vh; background-size: cover; } -.viewMore { - color: #017cfe; +.page .viewMore { text-decoration: none; - font-weight: 300; font-size: 22px; - padding-top: 20px; display: block; - border-bottom: 1px solid black; - padding-bottom: 19px; + border-top: 1px solid black; + border-bottom: 1px solid black; } -.viewMore:hover { - background: black; - color: white; + +.holder { + display: table-cell; + height: 100%; + width: 100%; + vertical-align: middle; } .page .roomName { @@ -396,9 +405,7 @@ iframe.embed { font-size: 18px; padding: 8px; margin: 4px; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; + } .topLinks span { font-weight: 300; diff --git a/views/projects/list-projects.ejs b/views/projects/list-projects.ejs index b001734..3801e30 100644 --- a/views/projects/list-projects.ejs +++ b/views/projects/list-projects.ejs @@ -1,32 +1,31 @@ [[ if (projects.length) { ]] - <table class="projectList"> - <tr> - + <div class="projectList"> + [[ projects.forEach(function(project, i) { ]] [[ if (i % 4 == 1) { ]] - </tr><tr> + [[ } ]] [[ if (i == 0) { ]] - <td class="border room1" colspan=3"> + <span class="room"> [[ } else { ]] - <td class="room1"> + <span class="room"> [[ } ]] <iframe src="/project/[[- project.slug ]]/view?noui=1&mute=1" class="embed"></iframe> [[ if (String(user._id) == String(project.user_id)) { ]] <a href="/project/[[- project.slug ]]/edit"><div class="editBtn">edit</div></a> [[ } ]] + <div class="holder"> <a href="/project/[[- project.slug ]]" class="roomName"> [[- project.name ]]<br> [[- project.date ]] </a> - </td> + </div> + </span> [[ }) ]] - - </tr> - </table> + </div> [[ } ]] |