From 7cd5291ff363c0fcd776e1039c2af650b758d70d Mon Sep 17 00:00:00 2001 From: ryderr Date: Mon, 29 Sep 2014 14:07:29 -0400 Subject: some styles --- views/home.ejs | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'views/home.ejs') diff --git a/views/home.ejs b/views/home.ejs index 8b83a8f..5240ae1 100755 --- a/views/home.ejs +++ b/views/home.ejs @@ -16,8 +16,9 @@
+ Create 3D Rooms

- Welcome to VVALLS + Watch video.
-- cgit v1.2.3-70-g09d2 From 81c4dd5a89472dfea21d6bdb4b08cd9a88723fbf Mon Sep 17 00:00:00 2001 From: ryderr Date: Mon, 29 Sep 2014 18:31:32 -0400 Subject: cool circle thing on front page --- public/assets/stylesheets/app.css | 39 +++++++++++++++++++-------------------- views/home.ejs | 6 ++++-- 2 files changed, 23 insertions(+), 22 deletions(-) (limited to 'views/home.ejs') diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index fe67edc..fe50b92 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -167,17 +167,16 @@ h5 { .page.profile { color:white; } -.page table.demo, -.page table.profilepage, -.page table.projectList { +.page .demo, +.page .profilepage, +.page .projectList { width: 100%; - border-top: 1px solid; margin: 40px 0 0 0; border-spacing: 0; clear: both; } -.page table.showcase { +.page .showcase { height:70vh; } @@ -213,10 +212,6 @@ iframe.embed { border: 0; } -.page table.showcase td { - height: 70vh; - background-size: cover; -} .page .viewMore { text-decoration: none; @@ -1714,23 +1709,27 @@ form li textarea { .demo .video { height:80vh; min-height:300px; + background-size:cover; + border-bottom:1px solid; } -.demo .video span { - font-size:100px; - color:white; - cursor:pointer; -} -.demo .video span.videoTitle { - font-size: 29px; - font-weight: 300; - padding: 3px 7px; + +.demo .video .circle { + font-size: 20px; + font-weight: 300; + background: white; + display: inline-block; + padding: 60px 20px; + border-radius: 230px; } -.demo .video span.icon-ios7-play-outline:hover { - color:black; +.demo .video .circle:hover { + background:black; + color:white; + cursor:pointer; } + .box { display: table-cell; vertical-align: middle; diff --git a/views/home.ejs b/views/home.ejs index 5240ae1..8c7362c 100755 --- a/views/home.ejs +++ b/views/home.ejs @@ -16,9 +16,11 @@
+ Create 3D Rooms
-
+
Watch video. +
@@ -27,7 +29,7 @@ [[ include projects/list-projects ]] - View More + View More [[ include partials/confirm-modal ]] [[ include projects/layouts-modal ]] -- cgit v1.2.3-70-g09d2 From 78630dc251eb179cb2b36de60979ebf323e7a2ba Mon Sep 17 00:00:00 2001 From: ryderr Date: Mon, 29 Sep 2014 18:41:01 -0400 Subject: cleaner markup --- public/assets/stylesheets/app.css | 27 +++++++++++++-------------- views/home.ejs | 10 ++++------ 2 files changed, 17 insertions(+), 20 deletions(-) (limited to 'views/home.ejs') diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index fe50b92..17c79a7 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -167,7 +167,7 @@ h5 { .page.profile { color:white; } -.page .demo, + .page .profilepage, .page .projectList { width: 100%; @@ -337,6 +337,8 @@ iframe.embed { font-size: 80px; font-weight: 100; padding-top: 25px; + float: left; + width: 100%; } /* DOCUMENTATION / ABOUT SECTION / FAQ PAGES */ @@ -398,15 +400,12 @@ iframe.embed { z-index: 3; position: relative; font-size: 18px; - padding: 8px; - margin: 4px; - } .topLinks span { font-weight: 300; } .topLinks a { - padding: 8px; + padding: 20px 8px; color: black; font-weight: 300; float:right; @@ -690,7 +689,7 @@ iframe.embed { } .logo { float:left; - padding:10px; + padding:7px 0 0 10px; z-index:4; position:relative; -webkit-user-select: none; @@ -1706,15 +1705,15 @@ form li textarea { margin-top: 20px; } -.demo .video { - height:80vh; - min-height:300px; +.hero { + float:left; + width:100%; + clear:both; + height:70vh; + display:table; background-size:cover; - border-bottom:1px solid; } - - -.demo .video .circle { +.hero .circle { font-size: 20px; font-weight: 300; background: white; @@ -1723,7 +1722,7 @@ form li textarea { border-radius: 230px; } -.demo .video .circle:hover { +.hero .circle:hover { background:black; color:white; cursor:pointer; diff --git a/views/home.ejs b/views/home.ejs index 8c7362c..e49dc4a 100755 --- a/views/home.ejs +++ b/views/home.ejs @@ -13,17 +13,15 @@
[[ include partials/header ]] - - - - -
+
+
Create 3D Rooms

Watch video. -
+
+

Room Showcase

-- cgit v1.2.3-70-g09d2