diff --git a/Gemfile b/Gemfile index a46293e..f595720 100644 --- a/Gemfile +++ b/Gemfile @@ -1,7 +1,7 @@ source 'https://rubygems.org' git_source(:github) { |repo| "https://github.com/#{repo}.git" } -ruby '2.6.4' +ruby '2.6.6' # Bundle edge Rails instead: gem 'rails', github: 'rails/rails' gem 'rails', '~> 5.2.3' diff --git a/Gemfile.lock b/Gemfile.lock index 9fa062b..ee382ee 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -85,6 +85,7 @@ GEM faraday (1.0.1) multipart-post (>= 1.2, < 3) ffi (1.13.1) + ffi (1.13.1-x64-mingw32) figaro (1.2.0) thor (>= 0.14.0, < 2) font-awesome-rails (4.7.0.5) @@ -118,12 +119,15 @@ GEM mini_portile2 (2.4.0) minitest (5.14.1) msgpack (1.3.3) + msgpack (1.3.3-x64-mingw32) multi_json (1.14.1) multi_xml (0.6.0) multipart-post (2.1.1) nio4r (2.5.2) nokogiri (1.10.9) mini_portile2 (~> 2.4.0) + nokogiri (1.10.9-x64-mingw32) + mini_portile2 (~> 2.4.0) oauth (0.5.4) oauth2 (1.4.4) faraday (>= 0.8, < 2.0) @@ -132,6 +136,7 @@ GEM multi_xml (~> 0.5) rack (>= 1.2, < 3) pg (1.2.3) + pg (1.2.3-x64-mingw32) popper_js (1.16.0) public_suffix (4.0.5) puma (3.12.6) @@ -182,6 +187,8 @@ GEM tilt (>= 1.1, < 3) sassc (2.4.0) ffi (~> 1.9) + sassc (2.4.0-x64-mingw32) + ffi (~> 1.9) sassc-rails (2.1.2) railties (>= 4.0.0) sassc (>= 2.0) @@ -214,6 +221,8 @@ GEM turbolinks-source (5.2.0) tzinfo (1.2.7) thread_safe (~> 0.1) + tzinfo-data (1.2020.1) + tzinfo (>= 1.0.0) uglifier (4.2.0) execjs (>= 0.3.0, < 3) web-console (3.7.0) @@ -229,6 +238,7 @@ GEM PLATFORMS ruby + x64-mingw32 DEPENDENCIES bootsnap (>= 1.1.0) @@ -256,7 +266,7 @@ DEPENDENCIES web-console (>= 3.3.0) RUBY VERSION - ruby 2.6.4p104 + ruby 2.6.6p146 BUNDLED WITH 2.1.4 diff --git a/app/assets/images/firewatch-ambience.mp4 b/app/assets/images/firewatch-ambience.mp4 new file mode 100644 index 0000000..de17a62 Binary files /dev/null and b/app/assets/images/firewatch-ambience.mp4 differ diff --git a/app/assets/stylesheets/albums.scss b/app/assets/stylesheets/albums.scss index e1067f4..a54b372 100644 --- a/app/assets/stylesheets/albums.scss +++ b/app/assets/stylesheets/albums.scss @@ -69,7 +69,7 @@ font-size: 20px; } .botao:hover { - background-color: rgba(62, 64, 204, 0.671); /* Green */ + background-color: blueviolet; /* Green */ color: whitesmoke; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } diff --git a/app/assets/stylesheets/cards.scss b/app/assets/stylesheets/cards.scss new file mode 100644 index 0000000..f8242e8 --- /dev/null +++ b/app/assets/stylesheets/cards.scss @@ -0,0 +1,186 @@ +.card-container { + width: 100%; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + + .post { + width: 350px; + height: 700px; + display: flex; + overflow: hidden; + flex-direction: column; + position: relative; + + } + + .header_post { + width: 100%; + height: 350px; + background: transparent; + position: absolute; + top: 0; + + img { + max-width: 100%; + height: auto; + } + } + + .body_post { + width: 100%; + height: 50%; + background: #fff; + position: absolute; + bottom: 0; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + + + .post_content { + width: 80%; + height: 80%; + background: #fff; + position: relative; + } + + h1 { + font-size: 20px; + font-weight: bold; + margin-bottom: 3px; + } + + p { + font-size: 14px; + font-weight: normal; + } + + .container_infos { + width: 100%; + display: flex; + justify-content: space-between; + position: absolute; + bottom: 0; + border-top: 1px solid rgba(0, 0, 0, .2); + padding-top: 25px; + + .postedBy { + display: flex; + flex-direction: column; + text-transform: uppercase; + letter-spacing: 1px; + font-size: 12px; + + + span { + font-size: 12px; + text-transform: uppercase; + opacity: 1; + letter-spacing: 1px; + } + + p { + font-weight: bold; + } + + } + + .container_tags { + display: flex; + flex-direction: column; + + span { + font-size: 12px; + text-transform: uppercase; + opacity: 1; + letter-spacing: 1px; + } + + .tags { + ul { + display: flex; + li { + font-size: 12px; + font-weight: bold; + letter-spacing: 2px; + list-style: none; + margin-left: 8px; + text-transform: uppercase; + position: relative; + z-index: 1; + display: flex; + justify-content: center; + cursor: pointer; + + &:first-child { + margin-left: 0px; + } + + &:before { + content: ''; + text-align: center; + width: 100%; + height: 5px; + background: rgb(62, 65, 204); + opacity: 0.7; + position: absolute; + bottom: 0; + z-index: -1; + padding: 0px 1px; + -webkit-transition: cubic-bezier(0.68, -0.55, 0.27, 01.55) 320ms; + -moz-transition: cubic-bezier(0.68, -0.55, 0.27, 01.55) 320ms; + -ms-transition: cubic-bezier(0.68, -0.55, 0.27, 01.55) 320ms; + -o-transition: cubic-bezier(0.68, -0.55, 0.27, 01.55) 320ms; + transition: cubic-bezier(0.68, -0.55, 0.27, 01.55) 320ms; + } + + &:hover:before { + height: 18px; + } + } + } + } + } + } + } + } + +.card-img-top { + width: 100%; + height: 15vw; + object-fit: cover; +} + + +/*KEYFRAMES ANIMAÇÃO DAS TAGS*/ + +@keyframes top { + 0% { + opacity: 0; + bottom: -80px + } + 100% { + opacity: 1; + bottom: 0px + + } +} + +@keyframes icon { + 0% { + opacity: 0; + transform: scale(0.0); + } + 50% { + opacity: 1; + transform: scale(1.3) rotate(-02deg); + + } + 100% { + opacity: 1; + bottom: 0px; + } +} \ No newline at end of file diff --git a/app/assets/stylesheets/fixed.scss b/app/assets/stylesheets/fixed.scss new file mode 100644 index 0000000..7b316eb --- /dev/null +++ b/app/assets/stylesheets/fixed.scss @@ -0,0 +1,43 @@ +/*--- Bootstrap Mobile Gutter Fix --*/ +.row, .container-fluid { +margin-left: 0px !important; +margin-right: 0px !important; +} + +/*--- Fixed Video Background iOS/Mobile Style--*/ +.video-wrap { + clip: rect(0, auto, auto, 0); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +#video { + position: relative; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-size: cover; + background-position: center center; + -webkit-transform: translateZ(0); + transform: translateZ(0); + will-change: transform; + z-index: -1000; +} +video { + position: relative; + top: 50%; + left: 50%; + min-width: 100%; + min-height: 100%; + width: auto; + height: auto; + z-index: -100; + transform: translateX(-50%) translateY(-50%); + background: url('') no-repeat; + background-size: cover; + transition: 1s opacity; +} \ No newline at end of file diff --git a/app/assets/stylesheets/homepage.scss b/app/assets/stylesheets/homepage.scss index 0dd0526..24ecd20 100644 --- a/app/assets/stylesheets/homepage.scss +++ b/app/assets/stylesheets/homepage.scss @@ -1,16 +1,122 @@ +* { + margin: 0; + padding: 0; +} + +body { + font-family: 'Montserrat', sans-serif !important; + color: #FFFFFF; + background-color: black; + line-height: 1.6; + h1 { + font-size: 32px; + } + h2 { + font-size: 26px; + } +} + +/* OUTROS */ + +p { + text-align: justify; +} + +.container-fluid { + width: 100%; + height: 100%; + margin: 0 !important; + padding: 0 !important; + /*overflow-y: scroll;*/ + /* scroll-behavior: smooth; + scroll-snap-type: y mandatory;*/ + align-content: center; + + +} + +.video-background { + position: relative; + width: 100%; + min-height: 90vh; + background-color: rgba(0,0,0,0.4) +} + +.caption { + position: absolute; + top: 35%; + width: 100%; + color: #FFFFFF; +} + +.caption h1 { + font-weight: 700; +} + +/* BOTTOM NAVBAR */ + +.fixed-bottom { + margin: 0 !important; + position: fixed !important; + z-index: 1; + width: 100%; + padding: 0; + height: 100px; +} -/* CAROUSEL */ +/* SECTION */ + +section { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + width: 100% !important; + height: 100vh !important; +} + +section h1 { + font-size: 4rem; + margin: 0; + padding: 0; +} + +section p { + font-size: 1.5rem; + margin: 0; + padding: 0; +} + +section#video { + background: #111111; +} + +section#sobre{ + /*background-image: linear-gradient(#111111, #000000);*/ + background-image: url("https://cdn.discordapp.com/attachments/722509731922575421/732687216047816865/background-homepage-v2.png"); +} + +section#equipe { + background-image: url("https://cdn.discordapp.com/attachments/722509731922575421/732689867380883526/background-roxo-v3.png"); +} + +/* CARDS */ + +@media only screen and (max-width: 992px) { + flex-direction: column; + } + +/* CAROUSEL .carousel-inner > .item > img, .carousel-inner > .item > a > img { - width: 70%; margin: auto; } .item { width: 100%; - height: 100vh; - min-height: 400px; + height: 100vh !important; } .carousel-indicators li { @@ -26,4 +132,14 @@ text-transform: uppercase; } -/* OUTROS */ +.carousel { + height: 100vh; + width: 100%; + overflow-x :hidden; +} +.carousel .carousel-inner { + height:100%; +} +*/ + + diff --git a/app/assets/stylesheets/infobar.scss b/app/assets/stylesheets/infobar.scss new file mode 100644 index 0000000..786ce70 --- /dev/null +++ b/app/assets/stylesheets/infobar.scss @@ -0,0 +1,89 @@ +.info { + width: 100%; + height: 100px; + position: fixed; + line-height: -50px; + text-align: center; + z-index: 100; +} + +.info div.main_list { + /*height: 0px;*/ +} + +.info div.main_list ul { + width: 100%; + /*height: 0px;*/ + display: flex; + list-style: none; + margin: 0; + padding: 0; +} + +.info div.main_list ul li { + width: auto; + /*height: 0px;*/ + padding: 0; +} + +.info div.main_list ul li a { + text-decoration: none; + color: #fff; + /*line-height: 0px;*/ + font-size: 2.4rem; +} + +.info div.main_list ul li a:hover { + color: #8a2be2; +} + +.info { + padding-top: 20px; + padding-bottom: 20px; + -webkit-transition: all 0.4s ease; + transition: all 0.4s ease; +} + + +/* Media qurey section + +@media screen and (min-width: 768px) and (max-width: 1024px) { + .container { + margin: 0; + } +} + +@media screen and (max-width:768px) { + .info div.main_list { + width: 100%; + height: 0; + overflow: hidden; + } + .info div.show_list { + height: auto; + } + .info div.main_list ul { + flex-direction: column; + width: 100%; + height: 100vh; + right: 0; + left: 0; + bottom: 0; + background-color: #111; + /*same background color of infobar + background-position: center top; + } + .info div.main_list ul li { + width: 100%; + text-align: right; + } + .info div.main_list ul li a { + text-align: center; + width: 100%; + font-size: 3rem; + padding: 20px; + } + .info div.media_button { + display: block; + } +}*/ \ No newline at end of file diff --git a/app/assets/stylesheets/navbar.scss b/app/assets/stylesheets/navbar.scss index 025a592..5e5249b 100644 --- a/app/assets/stylesheets/navbar.scss +++ b/app/assets/stylesheets/navbar.scss @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700'); +/* @import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700'); html, body { margin: 0; @@ -19,7 +19,7 @@ body { position: fixed; line-height: 65px; text-align: center; - z-index: 99; + z-index: 100; } .nav div.logo { @@ -36,7 +36,7 @@ body { } .nav div.logo a:hover { - color: blueviolet; + color: #8a2be2; } .nav div.main_list { @@ -64,7 +64,7 @@ body { text-decoration: none; color: #fff; line-height: 65px; - font-size: 2.4rem; + font-size: 24px; } .nav div.main_list ul li a:hover { @@ -72,15 +72,6 @@ body { } -/* Home section */ - -/*.home { - width: 100%; - height: 100vh; - background-image: url("https://wallpapermemory.com/uploads/799/firewatch-wallpaper-full-hd-1920x1080-467987.jpg"); - background-position: center top; - background-size:cover; -}*/ .navTrigger { display: none; diff --git a/app/assets/stylesheets/songplaylists.scss b/app/assets/stylesheets/songplaylists.scss index 4df6061..b0917c2 100644 --- a/app/assets/stylesheets/songplaylists.scss +++ b/app/assets/stylesheets/songplaylists.scss @@ -26,7 +26,7 @@ font-size: 22px; } .botao3:hover { - background-color: rgba(204, 62, 62, 0.671); /* Green */ + background-color: blueviolet; /* Green */ color: whitesmoke; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } \ No newline at end of file diff --git a/app/assets/stylesheets/songs.scss b/app/assets/stylesheets/songs.scss index 96de0ab..5b4933f 100644 --- a/app/assets/stylesheets/songs.scss +++ b/app/assets/stylesheets/songs.scss @@ -64,7 +64,7 @@ font-size: 20px; } .botao2:hover { - background-color: rgba(204, 62, 62, 0.671); /* Green */ + background-color: blueviolet; /* Green */ color: whitesmoke; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); } \ No newline at end of file diff --git a/app/views/albums/index.html.erb b/app/views/albums/index.html.erb index 1437baf..0b730cb 100644 --- a/app/views/albums/index.html.erb +++ b/app/views/albums/index.html.erb @@ -5,7 +5,7 @@ <% if @current_user.role_id == 1 %>

<%= link_to "Novo Álbum", new_album_path, style: 'color:#FFFFFF;' %>

<% end %> -

<%= link_to "ir para as músicas", songs_path, style: 'color:#FFFFFF;' %>

+

<%= link_to "Ir para Músicas", songs_path, style: 'color:#FFFFFF;' %>

<% if @current_user.role_id == 1 %> @@ -21,12 +21,12 @@ <% end %>

<%= link_to album.name, album_path(album), style: 'color:black' %>

-

Algumas Músicas presente no album : +

Músicas: <% Song.where(album_id: album.id).last(3).each do |sp| %> <%= sp.name %> <% end %>

-

<%= link_to 'Remover Album', album_path(album), method: 'delete', data: { confirm: 'Você tem certeza?' }, style: 'color:black;' %>

+

<%= link_to 'Remover Album', delete_album_path(album), :method => :delete, data: { confirm: 'Você tem certeza?' }, style: 'color:black;' %>

@@ -54,7 +54,7 @@ <% end %>

<%= link_to album.name, album_path(album), style: 'color:black' %>

-

Algumas Músicas presente no album : +

Músicas: <% Song.where(album_id: album.id).last(3).each do |sp| %> <%= sp.name %> diff --git a/app/views/albums/show.html.erb b/app/views/albums/show.html.erb index a0984a8..5dde2dd 100644 --- a/app/views/albums/show.html.erb +++ b/app/views/albums/show.html.erb @@ -19,7 +19,7 @@ <% if @current_user.role_id == 1 %> <% if @current_user.artist.id == @album.artist.id %> <%= button_to "Editar Album", edit_album_path(@album), method: :get, class: 'btn btn-outline-light btn-lg' %> - <%= button_to 'Remover Album', album_path(@album), method: 'delete', data: { confirm: 'Você tem certeza?' }, class: 'btn btn-outline-light btn-lg' %> + <%= button_to 'Remover Album', delete_album_path(@album), method: 'delete', data: { confirm: 'Você tem certeza?' }, class: 'btn btn-outline-light btn-lg' %> <% end %> <% end %>

@@ -62,7 +62,7 @@ <%= audio_tag (url_for(sp.file)), controls: true, class: 'song' %> <% if @current_user.artist.id == @album.artist.id %> <%= link_to "".html_safe, edit_song_path(sp), method: :get, class: 'btn btn-outline-light icon' %> - <%= link_to "".html_safe, song_path(sp), method: 'delete', data: { confirm: 'Você tem certeza que quer apagar essa música?'}, class: 'btn btn-outline-light icon' %> + <%= link_to "".html_safe, delete_song_path(sp), method: 'delete', data: { confirm: 'Você tem certeza que quer apagar essa música?'}, class: 'btn btn-outline-light icon' %> <% end %> <% end %> diff --git a/app/views/application/homepage.html.erb b/app/views/application/homepage.html.erb index 1cfb317..7ecd2e0 100644 --- a/app/views/application/homepage.html.erb +++ b/app/views/application/homepage.html.erb @@ -1,43 +1,84 @@ - + + -
-