2023-11-28 16:48:47 +00:00
|
|
|
= form_for site, html: { class: form_class(site) } do |f|
|
|
|
|
-# Tablet and mobile views with 1 columns and accordion
|
|
|
|
.row.d-lg-none
|
|
|
|
.col
|
|
|
|
%h1.pb-3.text-center.font-weight-bolder= t('.selector')
|
|
|
|
- @designs.each do |design|
|
2023-11-29 14:39:51 +00:00
|
|
|
%details.styled.pl-2.mb-n1.border-magenta.border-solid
|
2023-11-28 16:48:47 +00:00
|
|
|
%summary
|
|
|
|
%h5.font-weight-bolder.pt-2 - #{design.name}
|
|
|
|
.pb-2 #{design.description}
|
|
|
|
.col
|
|
|
|
%h5.text-center.font-weight-bolder.pb-3= t('.preview')
|
|
|
|
.embed-responsive.embed-responsive-1by1
|
|
|
|
%iframe.embed-responsive-item{allowfullscreen: "", src: "/placeholder.png"}
|
|
|
|
.col
|
|
|
|
%h5.text-center.font-weight-bolder.pb-3= t('.characteristics')
|
2023-11-29 14:39:51 +00:00
|
|
|
- characteristics = design.characteristics.split(".")
|
|
|
|
- characteristics.each_with_index do |characteristic, index|
|
|
|
|
%h5 #{index + 1}. #{characteristic}
|
2023-11-28 16:48:47 +00:00
|
|
|
%a.btn.btn-primary.btn-lg.btn-block.mt-4{role: "button", href: design.url}= t('.source_code')
|