ahinz
/
techacademy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added test view with gradient

This commit is contained in:
Adrian Hinz 2019-09-16 10:42:26 +02:00
parent 18311cc3b2
commit b93ed71e5f
3 changed files with 28 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/stylesheets/main.css.erb
View File

@ -2023,6 +2023,7 @@ input, select, textarea {
} }
.gradient { .gradient {
padding-top: 30px;
min-height: 500px; min-height: 500px;
background: rgba(102,255,51,1); background: rgba(102,255,51,1);
background: -moz-linear-gradient(top, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%); background: -moz-linear-gradient(top, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%);
@ -2033,3 +2034,18 @@ input, select, textarea {
background: linear-gradient(to bottom, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%); background: linear-gradient(to bottom, rgba(102,255,51,1) 0%, rgba(147,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ff33', endColorstr='#93ffff', GradientType=0 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ff33', endColorstr='#93ffff', GradientType=0 );
} }
.gradient section {
padding: 30px 20px;
}
.gradient h2 {
font-size: 1.25em;
}
.gradient h3 {
font-size: 1em;
}
.gradient header {
margin: 0 0 1.25em 0;
}

1
app/controllers/site_controller.rb
View File

@ -1,6 +1,7 @@
class SiteController < ApplicationController class SiteController < ApplicationController
#include RecaptchaVerifier #include RecaptchaVerifier
def index def index
@try_me = "id='content'" if params['wer'].to_i == 2
@pages = PublishedPage.where('type_of != 3').order('priority ASC') @pages = PublishedPage.where('type_of != 3').order('priority ASC')
@ss = ScSetting.first @ss = ScSetting.first
pg_name = 'index' pg_name = 'index'

15
app/views/site/index.html.erb
View File

@ -1,11 +1,18 @@
<div class="gradient"> <div class="gradient" <%= raw @try_me %>>
<div class="container"> <div class="container">
<div class="row aln-center"> <div class="row aln-center">
<div class="col-6 col-12-medium"> <div class="col-6 col-12-medium">
<section>
<h1>WITAMY W AKADEMII TECHNOLOGI</h1> <header>
<p>Już niedługo powstanie tu <b>pierwszy w Polsce</b> internetowy kurs wzmacniania konstrukcji włóknami węglowymi CFRP. Jeżeli nie jesteś zainteresowany <b>nowoczesnymi metodami</b> wzmacniania budowli, <b>innowacyjnymi</b> materiałami, nie jesteś inżynierem albo technikiem budownictwa, architektem, bądź <b>wschodzącą gwiazdą</b> budowlanki na studiach, to nie klikaj w przycisk.</p> <h2>WITAMY W AKADEMII TECHNOLOGI</h2>
</header>
<p>
Już niedługo powstanie tu <b>pierwszy w Polsce</b> internetowy kurs wzmacniania konstrukcji włóknami węglowymi CFRP. Jeżeli nie jesteś zainteresowany <b>nowoczesnymi metodami</b> wzmacniania budowli, <b>innowacyjnymi</b> materiałami, nie jesteś inżynierem albo technikiem budownictwa, architektem, bądź <b>wschodzącą gwiazdą</b> budowlanki na studiach, to nie klikaj w przycisk.
</p>
<a href="#" class="button-large" style="color:white;">JESTEM CIEKAW</a> <a href="#" class="button-large" style="color:white;">JESTEM CIEKAW</a>
<a href="?wer=1">Wersja 1</a>|<a href="?wer=2">Wersja 2</a>
</section>
</div> </div>
<iframe width="520" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0" class="col-6 col-12-medium imp-medium"> <iframe width="520" height="315" src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0" class="col-6 col-12-medium imp-medium">