diff --git a/app/assets/images/ico-arrow-updown.svg b/app/assets/images/ico-arrow-updown.svg new file mode 100644 index 0000000..ee7ad89 --- /dev/null +++ b/app/assets/images/ico-arrow-updown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/assets/images/wase.png b/app/assets/images/wase.png new file mode 100644 index 0000000..9030e6c Binary files /dev/null and b/app/assets/images/wase.png differ diff --git a/app/assets/images/windmill.png b/app/assets/images/windmill.png new file mode 100755 index 0000000..b0c2f5f Binary files /dev/null and b/app/assets/images/windmill.png differ diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index a3f40e4..105b706 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -96,8 +96,10 @@ body { flex-direction: column; gap: 0; min-height: 100svh; + position: relative; } + header { display: flex; justify-content: space-between; @@ -128,25 +130,41 @@ main { } -.start__title { +.msg__container-title { margin: 0 0 0.4375em 0; line-height: 1.1; font-size: var(--fs-3xl); font-weight: 700; + + &:has(span) { + font-weight: 400; + + & span { + font-weight: 700; + } + } } -.start__msg { + + +.msg__container-msg { margin: 0; line-height: 1.2; font-size: var(--fs-lg); font-weight: 400; + + & + .msg__container-msg { + margin-top: 1.2em; + } } -.language__selector { + + +.form__container { margin: 60px auto; } -.start__container { +.msg__container { max-width: 440px; margin: 60px auto 40px auto; container-type: inline-size; @@ -199,6 +217,53 @@ main { border-radius: 400px; width: 100%; cursor: pointer; + text-decoration: none; + display: inline-block; + text-align: center; + box-sizing: border-box; padding: 0.888888888888889em 1.333333333333333em; } +.icon__container { + position: absolute; + z-index: -1; + inset: 0 0 0 0; + overflow: hidden; + + & img { + position: absolute; + z-index: -1; + pointer-events: none; + display: block; + } +} + +#windmill { + width: 33%; + min-width: 60px; + max-width: 163px; + height: auto; + rotate: -20deg; + right: 8vw; + top: 10px; +} + +#wase { + width: 15%; + min-width: 126px; + max-width: 218px; + height: auto; + rotate: 10deg; + left: 10vw; + bottom: -40px; +} + +#arrows { + width: 20%; + min-width: 92px; + max-width: 161px; + height: auto; + rotate: 10deg; + right: -3vw; + bottom: 10svh; +} diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb index 09705d1..d684e02 100644 --- a/app/controllers/application_controller.rb +++ b/app/controllers/application_controller.rb @@ -1,2 +1,15 @@ class ApplicationController < ActionController::Base + +private + +def set_locale + I18n.locale = params[:locale]&.to_sym.presence_in(I18n.available_locales) || I18n.default_locale +end + + +def not_found + raise ActionController::RoutingError.new('Not Found') +end + + end diff --git a/app/controllers/site_controller.rb b/app/controllers/site_controller.rb index ec423fa..1538262 100644 --- a/app/controllers/site_controller.rb +++ b/app/controllers/site_controller.rb @@ -1,6 +1,13 @@ class SiteController < ApplicationController + before_action :set_locale + def index end + + + def cards + + end end diff --git a/app/javascript/application.js b/app/javascript/application.js index f91478c..1ef2cba 100644 --- a/app/javascript/application.js +++ b/app/javascript/application.js @@ -1,8 +1,7 @@ -const confirm_btn = document.getElementById('confirm_btn') -const language_select = document.getElementById('language_select') -confirm_btn.addEventListener('click', (e) => { - - window.location.href = '/' + language_select.value +document.querySelectorAll('#confirm_btn').forEach((confirm_btn) => { + confirm_btn.addEventListener('click', (e) => { + window.location.href = '/' + document.getElementById('language_select').value + }) }) \ No newline at end of file diff --git a/app/views/languages/index.html.erb b/app/views/languages/index.html.erb index 919e62e..074d78b 100644 --- a/app/views/languages/index.html.erb +++ b/app/views/languages/index.html.erb @@ -1,11 +1,11 @@ <%- content_for :title, t('project_name') %> -