rubydesign
/
webdev.camp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some work on slider and rename course

This commit is contained in:
Torsten Ruger 2016-03-26 21:52:22 +02:00
parent 7377562f81
commit 617a18bf6d
5 changed files with 54 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/development.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 352 KiB

BIN
app/assets/images/villa_taika1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 748 KiB

2
app/views/layouts/_submenu.html.haml
View File

@ -13,6 +13,6 @@
/
\.menu-scrollTo - for scrollto page menu / no external links
%ul.list-inline
- { "course" => "Course" ,"web" => "Web" , "dev" => "Dev" , "teachers" => "Teachers" }.each do |slug , menu|
- { "web" => "Web" , "dev" => "Dev" , "modules" => "Modules" ,"teachers" => "Teachers" }.each do |slug , menu|
%li{class: (params[:id] == slug) && "active" }
=link_to menu , page_path(slug)

35
app/views/pages/index.html.haml
View File

@ -38,7 +38,7 @@
/ SLIDE
.ls-slide{"data-ls" => "slidedelay:8000;transition2d:1;"}
/ background image
%img.ls-bg{:alt => "Slide background", :src => image_path("slider/bg.jpg")}/
%img.ls-bg{:alt => "Slide background", :src => image_path("development.jpg")}/
%img.ls-l{:alt => "", "data-ls" => "durationin:1500;scalexin:0.8;scaleyin:0.8;scalexout:0.8;scaleyout:0.8;", :src => image_path("slider/desktop.png"), :style => "top:40px;left:65%;white-space: nowrap;"}/
%p.ls-l{"data-ls" => "durationin:1500;delayin:300;rotatein:20;rotatexin:30;scalexin:1.5;scaleyin:1.5;transformoriginin:left 50% 0;durationout:750;rotateout:20;rotatexout:-30;scalexout:0;scaleyout:0;transformoriginout:left 50% 0;", :style => "top:50px;left:100px;font-weight: 300;height:40px;padding-right:10px;padding-left:10px;font-size:30px;line-height:37px;color:#ffffff;background:#fa6b4b;border-radius:4px;white-space: nowrap;"}
FULLY RESPONSIVE
@ -59,16 +59,11 @@
/ SLIDE
.ls-slide{"data-ls" => "slidedelay:8000;transition2d:1;"}
/ background image
%img.ls-bg{:alt => "Slide background", :src => "assets/images/demo/layerslider/slide-b-bg.jpg"}/
%img.ls-bg{:alt => "Slide background", :src => image_path("villa_taika1.png")}/
%p.ls-l{"data-ls" => "offsetxin:50;durationin:750;easingin:easeOutBack;skewxin:-50;offsetxout:-50;durationout:600;showuntil:500;easingout:easeInBack;skewxout:50;", :style => "top:44%;left:50%;font-weight: 300;font-size:30px;color:#ffffff;white-space: nowrap;"}
welcome
%p.ls-l{"data-ls" => "offsetxin:-100;durationin:750;delayin:250;easingin:easeOutBack;skewxin:-50;offsetxout:100;durationout:600;showuntil:500;easingout:easeInBack;skewxout:50;", :style => "top:52%;left:50%;font-weight: 300;font-size:50px;color:#ffffff;white-space: nowrap;"}
SMARTY TEMPLATE
%img.ls-l{:alt => "", "data-ls" => "offsetxin:-100;durationin:2000;delayin:1500;offsetxout:-100;durationout:1000;parallaxlevel:-2;", :src => "assets/images/demo/layerslider/slide-b-1.png", :style => "top:30%;left:50%;width:120%;height:auto;white-space: nowrap;"}/
%img.ls-l{:alt => "", "data-ls" => "offsetxin:50;durationin:2000;delayin:1500;offsetxout:50;durationout:1000;parallaxlevel:1;", :src => "assets/images/demo/layerslider/slide-b-2.png", :style => "top:3px;left:137px;white-space: nowrap;"}/
%img.ls-l{:alt => "", "data-ls" => "offsetxin:100;durationin:2000;delayin:1500;offsetxout:100;durationout:1000;parallaxlevel:3;", :src => "assets/images/demo/layerslider/slide-b-3.png", :style => "top:203px;left:383px;white-space: nowrap;"}/
%img.ls-l{:alt => "", "data-ls" => "offsetxin:150;durationin:2000;delayin:1500;offsetxout:150;durationout:1000;parallaxlevel:5;", :src => "assets/images/demo/layerslider/slide-b-4.png", :style => "top:206px;left:486px;white-space: nowrap;"}/
%img.ls-l{:alt => "", "data-ls" => "offsetxin:200;durationin:2000;delayin:1500;offsetxout:200;durationout:1000;parallaxlevel:7;", :src => "assets/images/demo/layerslider/slide-b-5.png", :style => "top:171px;left:559px;white-space: nowrap;"}/
%p.ls-l{"data-ls" => "offsetxin:0;durationin:1500;delayin:1500;rotateyin:90;transformoriginin:left 50% 0;offsetxout:0;durationout:1500;showuntil:1000;rotateyout:-90;transformoriginout:left 50% 0;", :style => "top:47%;left:690px;font-weight: 500;font-size:35px;color:#ffffff;white-space: nowrap;"}
Move your mouse
%br/
@ -92,7 +87,7 @@
%section#readMore
.container
.row
.col-md-4
.col-md-3
.heading-title.heading-border-bottom.heading-color
%h3=link_to "Web" , page_path(:web)
%p
@ -102,27 +97,39 @@
More about
%span.word-rotator{"data-delay" => "2000"}
%span.items
%span programming
%span html
%span css
%span javascript
%span databases
%span programming
%i.glyphicon.glyphicon-menu-right.size-12
.col-md-4
.col-md-3
.heading-title.heading-border-bottom.heading-color
%h3=link_to "Dev" , page_path(:dev)
%p
Applications, web, mobile and desktop are converging more and more on web standards.
We give you a good foundation in programming and current techniques. You decide where to go from there.
=link_to page_path(:dev) do
More about
%span.word-rotator{"data-delay" => "2000"}
%span.items
%span teamwork
%span testing
%span databases
%i.glyphicon.glyphicon-menu-right.size-12
.col-md-3
.heading-title.heading-border-bottom.heading-color
%h3=link_to "Modules" , page_path(:modules)
%p
An intensive 8 week program is structured as 4 modules of 2 weeks. Each module will take
you deeper into the topics of Web Developement, while you choose how to emphasize
among them.
=link_to page_path(:modules) do
More about
%span.word-rotator{"data-delay" => "2000"}
%span.items
%span course modules
%span course structure
%span css
%i.glyphicon.glyphicon-menu-right.size-12
.col-md-4
.col-md-3
.heading-title.heading-border-bottom.heading-color
%h3=link_to "Camp" , page_path(:camp)
%p

65
app/views/pages/course.html.haml → app/views/pages/modules.html.haml
View File

@ -1,41 +1,15 @@
= render 'layouts/submenu'
%section#about.padding-xxs
.container
%header.text-center.margin-bottom-20
%h2 We help you find your talent
%p.lead.font-lato You decide where go you from there
%p
Our teaching method is based on small groups, a maximum of 10 pupils per cohort.
%p
Cohorts start every two weeks on their 8 week journey through our curriculum.
%section#about.padding-xxs
.container
%header.text-center.margin-bottom-20
%h2 The basics
%p.lead.font-lato We will teach you the basics, and let you decide where to go with them
%hr/
.row
.col-sm-2
=image_tag "pie.jpg" , :class => "img-responsive"
.col-sm-10
%p.dropcap
The curriculum teaches full stack developer skills. Software development is a team effort where many different talents must come together to make a whole.
%p.dropcap
We teach each of the 6 basic topics in each of the 2 week cycles. Each week you will go deeper into each topic, but in the second week of each cycle you can decide which topic you want to spend even more time with.
%hr/
%header.text-center.margin-bottom-20
%h2 Modules
%p.lead.font-lato
Every two weeks we go around the basic topics, while going deeper with every iterations.
While the curriculum teaches full stack skills, you can choose to specialise to client
or server side, according to your talent.
Below we detail the iterations, read here about the topics.
%section.padding-xxs
.container
.row
%header.text-center.margin-bottom-20
%h2 Modules
%p.lead.font-lato
Every two weeks we go around the basic topics, while going deeper with every iterations.
While the curriculum teaches full stack skills, you can choose to specialise to client
or server side, according to your talent.
Below we detail the iterations, read here about the topics.
.col-md-6
%h3.size-20 Introduction - first 2 weeks
%p
@ -68,4 +42,29 @@
%p
​You will work in a group on a final project to show mastery of the topic. ​
%section#about.padding-xxs
.container
%header.text-center.margin-bottom-20
%h2 We help you find your talent
%p.lead.font-lato You decide where go you from there
%p
Our teaching method is based on small groups, a maximum of 10 pupils per cohort.
%p
Cohorts start every two weeks on their 8 week journey through our curriculum.
%section#about.padding-xxs
.container
%header.text-center.margin-bottom-20
%h2 The basics
%p.lead.font-lato We will teach you the basics, and let you decide where to go with them
%hr/
.row
.col-sm-2
=image_tag "pie.jpg" , :class => "img-responsive"
.col-sm-10
%p.dropcap
The curriculum teaches full stack developer skills. Software development is a team effort where many different talents must come together to make a whole.
%p.dropcap
We teach each of the 6 basic topics in each of the 2 week cycles. Each week you will go deeper into each topic, but in the second week of each cycle you can decide which topic you want to spend even more time with.
= render 'layouts/submenu'