Aktueller Stand, Dockerfile startet aber Rails funktioniert noch nicht

.dockerignore

@@ -0,0 +1,8 @@
+.git
+.bundle
+node_modules
+public/assets
+storage/*
+tmp
+log/*
+db/*.sqlite3

Dockerfile

@@ -0,0 +1,46 @@
+FROM ruby:2.5.5-alpine
+
+# Set local timezone
+RUN apk add --update tzdata && \
+    cp /usr/share/zoneinfo/Europe/Berlin /etc/localtime && \
+    echo "Europe/Berlin" > /etc/timezone
+
+# Install your app's runtime dependencies in the container
+RUN apk add --virtual runtime-deps nodejs libffi-dev readline sqlite sqlite-libs imagemagick
+
+# Do not install gem documentation
+RUN echo 'gem: --no-ri --no-rdoc' > ~/.gemrc
+RUN gem install bundler
+
+# Bundle into the temp directory
+WORKDIR /tmp
+ADD Gemfile* ./
+
+# Install Yarn and others
+ENV PATH=/root/.yarn/bin:$PATH
+RUN apk add --virtual build-yarn curl && \
+    touch ~/.bashrc && \
+    curl -o- -L https://yarnpkg.com/install.sh | sh && \
+    apk del build-yarn && \
+    apk add --virtual build-deps build-base openssl-dev libc-dev linux-headers libxml2-dev libxslt-dev readline-dev sqlite-dev
+
+RUN bundle install --without development test && \
+    apk del build-deps && \
+    rm -rf /var/cache/apk/*
+
+# Configure production environment variables
+ENV APP_HOME=/app \
+    RAILS_ENV=production \
+    RACK_ENV=production
+
+# Copy the app's code into the container
+COPY . $APP_HOME
+WORKDIR $APP_HOME
+
+RUN bundle exec rake assets:precompile
+
+# Expose port 3000 from the container
+EXPOSE 3000
+
+# Run puma server by default
+CMD ["bundle", "exec", "puma", "-C", "config/puma.rb"]

Gemfile

@@ -7,9 +7,6 @@ gem 'sqlite3'
 gem 'puma', '~> 3.11'
 gem 'uglifier', '>= 1.3.0'
 
-# Reduces boot times through caching; required in config/boot.rb
-gem 'bootsnap', '>= 1.1.0', require: false
-
 gem 'haml-rails'
 gem 'comfortable_mexican_sofa', '~> 2.0.0'
 gem 'comfy_blog', '~> 2.0.0'
@@ -17,7 +14,10 @@ gem 'kaminari'
 
 group :development do
   gem 'web-console', '>= 3.3.0'
+  # Reduces boot times through caching; required in config/boot.rb
+  gem 'bootsnap', '>= 1.1.0', require: false
   gem 'listen', '>= 3.0.5', '< 3.2'
+
   gem 'spring'
   gem 'spring-watcher-listen', '~> 2.0.0'
   gem 'better_errors'

app/assets/javascripts/aplayer.js

@@ -0,0 +1,17 @@
+(function($) {
+  "use strict"; // Start of use strict
+
+  var audio = attachments.split(' ').map(function(path){
+    var name = decodeURIComponent(path.split('/').slice(-1)[0]);
+    return {
+      name: name,
+      artist: 'Dämsing',
+      url: path
+    }
+  });
+  const ap = new APlayer({
+    container: document.getElementById('aplayer'),
+    audio: audio,
+    theme: '#0A0074'
+  });
+})(jQuery); // End of use strict

app/assets/javascripts/application.js

@@ -13,5 +13,6 @@
 //= require jquery/dist/jquery
 //= require jquery.easing
 //= require rails-ujs
+//= require aplayer/dist/APlayer.min
 //= require bootstrap/dist/js/bootstrap
 //= require_tree .

app/assets/stylesheets/application.css.scss

@@ -11,6 +11,7 @@
  * It is generally better to create a new file per style scope.
  *
  *= require fontawesome
+ *= require aplayer/dist/APlayer.min
  *= require bootstrap
  *= require grayscale
  */

app/assets/stylesheets/grayscale.scss

@@ -5,9 +5,10 @@ $primary: #0A0074;
 @import 'grayscale/navbar';
 @import 'grayscale/masthead';
 @import 'grayscale/buttons';
-@import 'grayscale/about';
-@import 'grayscale/projects';
-@import 'grayscale/signup';
+@import 'grayscale/info';
+@import 'grayscale/band';
+@import 'grayscale/music';
+@import 'grayscale/neues';
 @import 'grayscale/contact';
 
 body {
@@ -43,7 +44,3 @@ a {
 footer {
   padding: 5rem 0;
 }
-
-.band-section {
-  padding: 10rem 0;
-}

app/assets/stylesheets/grayscale/_band.scss

@@ -0,0 +1,3 @@
+.band-section {
+  padding: 6rem 0;
+}

app/assets/stylesheets/grayscale/_music.scss

@@ -0,0 +1,19 @@
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/utilities/text";
+
+.music-section {
+  padding: 10rem 0 2rem;
+  background: linear-gradient(
+                to bottom,
+                #{fade-out($black, .7)} 0%,
+                #{fade-out($black, .3)} 75%,
+                $black 100%
+              ),
+              url(asset_path('bg-music.jpg'));
+  background-position: center;
+  background-repeat: no-repeat;
+  background-attachment: scroll;
+  background-size: cover;
+}

app/assets/stylesheets/grayscale/_neues.scss

@@ -0,0 +1,51 @@
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/utilities/text";
+@import "bootstrap/scss/utilities/spacing";
+
+.neues-section {
+  padding: 4rem 0;
+
+  .featured-text {
+    padding: 2rem;
+
+    h4 {
+      color: $black;
+    }
+
+    p {
+      @extend .text-black-50;
+      margin-bottom: 0;
+    }
+
+    @media (min-width: 992px) {
+      padding: 0 0 0 2rem;
+      border-left: 0.5rem solid $primary;
+    }
+  }
+
+  .neues-text {
+    padding: 3rem;
+    font-size: 90%;
+
+    h4{
+      @extend .text-white;
+    }
+
+    p {
+      @extend .text-white-50;
+      margin-bottom: 0;
+    }
+
+    @media (min-width: 992px) {
+      padding: 5rem;
+
+      hr {
+        border-color: $primary;
+        border-width: .25rem;
+        width: 30%;
+      }
+    }
+  }
+}

app/assets/stylesheets/grayscale/_projects.scss

@@ -1,22 +0,0 @@
-.projects-section {
-  padding: 10rem 0;
-  .featured-text {
-    padding: 2rem;
-    @media (min-width: 992px) {
-      padding: 0 0 0 2rem;
-      border-left: 0.5rem solid $primary;
-    }
-  }
-  .project-text {
-    padding: 3rem;
-    font-size: 90%;
-    @media (min-width: 992px) {
-      padding: 5rem;
-      hr {
-        border-color: $primary;
-        border-width: .25rem;
-        width: 30%;
-      }
-    }
-  }
-}

app/views/comfy/cms/content/_neues.haml

@@ -0,0 +1,20 @@
+%section#neues.neues-section.bg-light
+  .container
+    - @cms_site.blog_posts.published.first.tap do |blog|
+      / Featured Project Row
+      .row.align-items-center.no-gutters.mb-4.mb-lg-5
+        .col-xl-8.col-lg-7
+          = image_tag 'bg-masthead.jpg', class:'img-fluid mb-3 mb-lg-0'
+        .col-xl-4.col-lg-5
+          .featured-text.text-center.text-lg-left
+            != render inline: blog.content_cache
+
+    - @cms_site.blog_posts.published[1..-1].each_with_index do |blog, idx|
+      .row.justify-content-center.no-gutters{ class:(idx.even? ? 'mb-5 mb-lg-0' : '') }
+        .col-lg-6
+          = image_tag 'demo-image-01.jpg', class:'img-fluid'
+        .col-lg-6
+          .bg-black.text-center.h-100.neues
+            .d-flex.h-100
+              .neues-text.w-100.my-auto.text-center{ class:(idx.even? ? 'text-lg-left' : 'text-lg-right' ) }
+                != render inline: blog.content_cache

app/views/comfy/cms/content/_players.haml

@@ -0,0 +1 @@
+!= h @cms_page.inspect

app/views/layouts/_static.html.haml

@@ -0,0 +1,46 @@
+/ Projects Section
+%section#projects.projects-section.bg-light
+  .container
+    / Featured Project Row
+    .row.align-items-center.no-gutters.mb-4.mb-lg-5
+      .col-xl-8.col-lg-7
+        = image_tag 'bg-masthead.jpg', class:'img-fluid mb-3 mb-lg-0'
+      .col-xl-4.col-lg-5
+        .featured-text.text-center.text-lg-left
+          %h4 Shoreline
+          %p.text-black-50.mb-0 Grayscale is open source and MIT licensed. This means you can use it for any project - even commercial projects! Download it, customize it, and publish your website!
+
+    / Project One Row
+    .row.justify-content-center.no-gutters.mb-5.mb-lg-0
+      .col-lg-6
+        = image_tag 'demo-image-01.jpg', class:'img-fluid'
+      .col-lg-6
+        .bg-black.text-center.h-100.project
+          .d-flex.h-100
+            .project-text.w-100.my-auto.text-center.text-lg-left
+              %h4.text-white Misty
+              %p.mb-0.text-white-50 An example of where you can put an image of a project, or anything else, along with a description.
+              %hr.d-none.d-lg-block.mb-0.ml-0/
+
+    / Project Two Row
+    .row.justify-content-center.no-gutters
+      .col-lg-6
+        = image_tag 'demo-image-02.jpg', class:'img-fluid'
+      .col-lg-6.order-lg-first
+        .bg-black.text-center.h-100.project
+          .d-flex.h-100
+            .project-text.w-100.my-auto.text-center.text-lg-right
+              %h4.text-white Mountains
+              %p.mb-0.text-white-50 Another example of a project with its respective description. These sections work well responsively as well, try this theme on a small screen!
+              %hr.d-none.d-lg-block.mb-0.mr-0/
+
+/ Signup Section
+%section#signup.signup-section
+  .container
+    .row
+      .col-md-10.col-lg-8.mx-auto.text-center
+        %i.far.fa-paper-plane.fa-2x.mb-2.text-white
+        %h2.text-white.mb-5 Subscribe to receive updates!
+        %form.form-inline.d-flex
+          %input#inputEmail.form-control.flex-fill.mr-0.mr-sm-2.mb-3.mb-sm-0{:placeholder => "Enter email address...", :type => "email"}/
+          %button.btn.btn-primary.mx-auto{:type => "submit"} Subscribe

app/views/layouts/application.html.haml

@@ -1,100 +1,25 @@
 !!!
-%html
+%html.no-js{ lang: 'de' }
   %head
-    %meta{ name: "viewport", content: "width=device-width, initial-scale=1.0, shrink-to-fit=no" }
+    %meta{ charset: 'utf-8' }
     %title= @cms_page.present? ? @cms_page.label : 'Dämsing'
-    %meta{ name: "description", content: cms_fragment_content('meta-description') }
+    %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0, shrink-to-fit=no' }
+    %meta{ name: 'description', content: cms_fragment_content('meta-description') }
+    %meta{ name: 'theme-color', content:'#ffffff' }
     = stylesheet_link_tag 'https://fonts.googleapis.com/css?family=Domine:400,700|Nunito+Sans:300,400,900&display=swap', 'application', media: 'all'
     = csrf_meta_tags
 
   %body#page-top
     = render 'layouts/navigation'
 
+    / Masthead Sektion
     = yield
 
+    / Restliche Seiten
     - @cms_page.children.published.each do |page|
-      != render inline: page.content_cache
+      != render inline: page.content_cache, locals:{ inner_page:page }
 
-    / Projects Section
-    %section#projects.projects-section.bg-light
-      .container
-        / Featured Project Row
-        .row.align-items-center.no-gutters.mb-4.mb-lg-5
-          .col-xl-8.col-lg-7
-            = image_tag 'bg-masthead.jpg', class:'img-fluid mb-3 mb-lg-0'
-          .col-xl-4.col-lg-5
-            .featured-text.text-center.text-lg-left
-              %h4 Shoreline
-              %p.text-black-50.mb-0 Grayscale is open source and MIT licensed. This means you can use it for any project - even commercial projects! Download it, customize it, and publish your website!
-
-        / Project One Row
-        .row.justify-content-center.no-gutters.mb-5.mb-lg-0
-          .col-lg-6
-            = image_tag 'demo-image-01.jpg', class:'img-fluid'
-          .col-lg-6
-            .bg-black.text-center.h-100.project
-              .d-flex.h-100
-                .project-text.w-100.my-auto.text-center.text-lg-left
-                  %h4.text-white Misty
-                  %p.mb-0.text-white-50 An example of where you can put an image of a project, or anything else, along with a description.
-                  %hr.d-none.d-lg-block.mb-0.ml-0/
-
-        / Project Two Row
-        .row.justify-content-center.no-gutters
-          .col-lg-6
-            = image_tag 'demo-image-02.jpg', class:'img-fluid'
-          .col-lg-6.order-lg-first
-            .bg-black.text-center.h-100.project
-              .d-flex.h-100
-                .project-text.w-100.my-auto.text-center.text-lg-right
-                  %h4.text-white Mountains
-                  %p.mb-0.text-white-50 Another example of a project with its respective description. These sections work well responsively as well, try this theme on a small screen!
-                  %hr.d-none.d-lg-block.mb-0.mr-0/
-
-    / Signup Section
-    %section#signup.signup-section
-      .container
-        .row
-          .col-md-10.col-lg-8.mx-auto.text-center
-            %i.far.fa-paper-plane.fa-2x.mb-2.text-white
-            %h2.text-white.mb-5 Subscribe to receive updates!
-            %form.form-inline.d-flex
-              %input#inputEmail.form-control.flex-fill.mr-0.mr-sm-2.mb-3.mb-sm-0{:placeholder => "Enter email address...", :type => "email"}/
-              %button.btn.btn-primary.mx-auto{:type => "submit"} Subscribe
-
-    / Contact Section
-    %section.contact-section.bg-black
-      .container
-        .row
-          .col-md-4.mb-3.mb-md-0
-            .card.py-4.h-100
-              .card-body.text-center
-                %i.fas.fa-map-marked-alt.text-primary.mb-2
-                %h4.text-uppercase.m-0 Address
-                %hr.my-4/
-                .small.text-black-50 4923 Market Street, Orlando FL
-          .col-md-4.mb-3.mb-md-0
-            .card.py-4.h-100
-              .card-body.text-center
-                %i.fas.fa-envelope.text-primary.mb-2
-                %h4.text-uppercase.m-0 Email
-                %hr.my-4/
-                .small.text-black-50
-                  %a{:href => "#"} hello@yourdomain.com
-          .col-md-4.mb-3.mb-md-0
-            .card.py-4.h-100
-              .card-body.text-center
-                %i.fas.fa-mobile-alt.text-primary.mb-2
-                %h4.text-uppercase.m-0 Phone
-                %hr.my-4/
-                .small.text-black-50 +1 (555) 902-8832
-        .social.d-flex.justify-content-center
-          %a.mx-2{:href => "#"}
-            %i.fab.fa-twitter
-          %a.mx-2{:href => "https://www.facebook.com/Daemsing/"}
-            %i.fab.fa-facebook-f
-          %a.mx-2{:href => "#"}
-            %i.fab.fa-github
+    /= render 'layouts/static'
 
     / Footer
     %footer.bg-black.small.text-center.text-white-50

config/application.rb

@@ -26,6 +26,8 @@ module Daemsing
     # Initialize configuration defaults for originally generated Rails version.
     config.load_defaults 5.2
 
+    config.time_zone = 'Europe/Berlin'
+
     # Settings in config/environments/* take precedence over those specified here.
     # Application configuration can go into files in config/initializers
     # -- all .rb files in that directory are automatically loaded after loading

config/boot.rb

@@ -1,4 +1,10 @@
 ENV['BUNDLE_GEMFILE'] ||= File.expand_path('../Gemfile', __dir__)
 
 require 'bundler/setup' # Set up gems listed in the Gemfile.
-require 'bootsnap/setup' # Speed up boot time by caching expensive operations.
+begin
+  require 'bootsnap/setup' # Speed up boot time by caching expensive operations.
+rescue LoadError
+  # bootsnap is an optional dependency, so if we don't have it it's fine
+  # Do not load in production because file system (where cache would be written) is read-only
+  nil
+end

config/environments/production.rb

@@ -23,7 +23,7 @@ Rails.application.configure do
   config.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present?
 
   # Compress JavaScripts and CSS.
-  config.assets.js_compressor = :uglifier
+  config.assets.js_compressor = Uglifier.new(harmony: true)
   # config.assets.css_compressor = :sass
 
   # Do not fallback to assets pipeline if a precompiled asset is missed.

config/initializers/comfortable_mexican_sofa.rb

@@ -60,7 +60,7 @@ ComfortableMexicanSofa.configure do |config|
   # By default you cannot have irb code inside your layouts/pages/snippets.
   # Generally this is to prevent putting something like this:
   # <% User.delete_all %> but if you really want to allow it...
-  config.allow_erb = true
+  #   config.allow_erb = false
 
   # Whitelist of all helper methods that can be used via {{cms:helper}} tag. By default
   # all helpers are allowed except `eval`, `send`, `call` and few others. Empty array

db/cms_seeds/daemsing/layouts/band/content.html

@@ -0,0 +1,46 @@
+[attributes]
+---
+label: Band
+app_layout: ''
+position: 1
+
+[content]
+  <section id="band" class="band-section">
+    <div class="container">
+      <div class="row justify-content-center">
+        <div class="col-md-2">
+          <h3 class="text-center">{{ cms:text header_1, namespace:1 }}</h3>
+  	      {{ cms:file image_1, as:'image', class:'rounded-circle mx-auto d-block img-fluid', namespace:1 }}
+          {{ cms:wysiwyg column_1, namespace:1 }}
+        </div>
+
+        <div class="col-md-2">
+          <h3 class="text-center">{{ cms:text header_2, namespace:2 }}</h3>
+  	      {{ cms:file image_2, as:'image', class:'rounded-circle mx-auto d-block img-fluid', namespace:2 }}
+          {{ cms:wysiwyg column_2, namespace:2 }}
+        </div>
+
+        <div class="col-md-2">
+          <h3 class="text-center">{{ cms:text header_3, namespace:3 }}</h3>
+  	      {{ cms:file image_3, as:'image', class:'rounded-circle mx-auto d-block img-fluid', namespace:3 }}
+          {{ cms:wysiwyg column_3, namespace:3 }}
+        </div>
+
+        <div class="col-md-2">
+          <h3 class="text-center">{{ cms:text header_4, namespace:4 }}</h3>
+  	      {{ cms:file image_4, as:'image', class:'rounded-circle mx-auto d-block img-fluid', namespace:4 }}
+          {{ cms:wysiwyg column_4, namespace:4 }}
+        </div>
+
+        <div class="col-md-2">
+          <h3 class="text-center">{{ cms:text header_5, namespace:5 }}</h3>
+  	      {{ cms:file image_5, as:'image', class:'rounded-circle mx-auto d-block img-fluid', namespace:5 }}
+          {{ cms:wysiwyg column_5, namespace:5 }}
+        </div>
+      </div>
+    </div>
+  </section>
+[js]
+
+[css]
+

db/cms_seeds/daemsing/layouts/blog/content.html

@@ -0,0 +1,14 @@
+[attributes]
+---
+label: Blog
+app_layout: ''
+position: 4
+
+[content]
+<h4>{{ cms:text title }}</h4>
+{{ cms:wysiwyg content }}
+<hr class="d-none d-lg-block mb-0 ml-0">
+[js]
+
+[css]
+

db/cms_seeds/daemsing/layouts/info/content.html

@@ -1,7 +1,7 @@
 [attributes]
 ---
 label: Info
-app_layout: application
+app_layout: ''
 position: 0
 
 [content]
@@ -17,6 +17,8 @@ position: 0
   </div>
 </section>
 [js]
+
 
 [css]
+
 

db/cms_seeds/daemsing/layouts/kontakt/content.html

@@ -0,0 +1,60 @@
+[attributes]
+---
+label: Kontakt
+app_layout: ''
+position: 3
+
+[content]
+<section id="kontakt" class="contact-section bg-black">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-4 mb-3 mb-md-0">
+        <div class="card py-4 h-100">
+          <div class="card-body text-center">
+            <i class="fas fa-map-marked-alt text-primary mb-2"></i>
+            <h4 class="text-uppercase m-0">Addresse</h4>
+            <hr class="my-4">
+            <div class="small text-black-50">{{ cms:text address }}</div>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-4 mb-3 mb-md-0">
+        <div class="card py-4 h-100">
+          <div class="card-body text-center">
+            <i class="fas fa-envelope text-primary mb-2"></i>
+            <h4 class="text-uppercase m-0">Email</h4>
+            <hr class="my-4">
+            <div class="small text-black-50">
+              <a href="mailto:kontakt@daemsing.koeln">{{ cms:text email }}</a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-4 mb-3 mb-md-0">
+        <div class="card py-4 h-100">
+          <div class="card-body text-center">
+            <i class="fas fa-mobile-alt text-primary mb-2"></i>
+            <h4 class="text-uppercase m-0">Telefon</h4>
+            <hr class="my-4">
+            <div class="small text-black-50">{{ cms:text phone }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="social d-flex justify-content-center">
+      <a class="mx-2" href="#">
+        <i class="fab fa-twitter"></i>
+      </a>
+      <a class="mx-2" href="{{ cms:text fb-link }}">
+        <i class="fab fa-facebook-f"></i>
+      </a>
+      <a class="mx-2" href="#">
+        <i class="fab fa-github"></i>
+      </a>
+    </div>
+  </div>
+</section>
+[js]
+
+[css]
+

db/cms_seeds/daemsing/layouts/music/content.html

@@ -0,0 +1,24 @@
+[attributes]
+---
+label: Musik
+app_layout: ''
+position: 5
+
+[content]
+<section id="music" class="music-section text-center">
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <h2 class="text-white mb-4">{{ cms:text title }}</h2>
+        <script>
+          var attachments="{{ cms:files attachments }}";
+        </script>
+				<div id="aplayer"></div>        
+      </div>
+    </div>
+  </div>
+</section>
+[js]
+
+[css]
+

db/cms_seeds/daemsing/layouts/neues/content.html

@@ -0,0 +1,12 @@
+[attributes]
+---
+label: Neues
+app_layout: ''
+position: 2
+
+[content]
+{{ cms:partial neues }}
+[js]
+
+[css]
+

db/cms_seeds/daemsing/layouts/startseite/content.html

@@ -14,8 +14,12 @@ position: 0
     </div>
   </div>
 </header>
-
+
+{{ cms:text meta-description, render: false }}
+{{ cms:text meta-keywords, render: false }}
 [js]
+
 
 [css]
+
 

db/cms_seeds/daemsing/pages/index/band/content.html

@@ -1,7 +1,7 @@
 [attributes]
 ---
 label: Band
-layout: startseite
+layout: band
 target_page: 
 categories: []
 is_published: true
@@ -9,3 +9,37 @@ position: 1
 
 [wysiwyg content]
 <p>Nobs, Jürgen, Herbert, Chris & Hans</p>
+[text header]
+Die Band
+[file image]
+
+[file image_1]
+nobs.jpg
+[wysiwyg column_1]
+<p style="text-align: center;">Gitarre, Keyboards und Gesang</p>
+[file image_2]
+hans.jpg
+[wysiwyg column_2]
+<p style="text-align: center;">Schlagzeug</p>
+[file image_3]
+chris.jpg
+[wysiwyg column_3]
+<p style="text-align: center;">Gitarre und Keyboard </p>
+[file image_4]
+juergen.jpg
+[wysiwyg column_4]
+<p style="text-align: center;">Bass und Gesang</p>
+[file image_5]
+herbert.jpg
+[wysiwyg column_5]
+<p style="text-align: center;">Gesang</p>
+[text header_1]
+Nobs
+[text header_2]
+Hans
+[text header_3]
+Chris
+[text header_4]
+Jürgen
+[text header_5]
+Herbert

db/cms_seeds/daemsing/pages/index/content.html

@@ -1,6 +1,6 @@
 [attributes]
 ---
-label: Willkommen
+label: Dämsing, die Band aus Köln
 layout: startseite
 target_page: 
 categories: []
@@ -8,8 +8,12 @@ is_published: true
 position: 0
 
 [text content]
-Daemsing ist eine Rock Band aus Köln.
+Dämsing ist eine Rock Band aus Köln.
 [text title]
 Rocque de Cologne
 [text button]
 Weiter lesen
+[text meta-description]
+Dämsing ist eine Rockband aus Köln.
+[text meta-keywords]
+rock'n roll, hardrock

db/cms_seeds/daemsing/pages/index/info/content.html

@@ -1,8 +1,8 @@
 [attributes]
 ---
-label: Info
+label: Über uns
 layout: info
-target_page:
+target_page: 
 categories: []
 is_published: true
 position: 0
@@ -11,9 +11,11 @@ position: 0
 <p>Dämsing ist eine <strong>neue erfrischende Rockband aus Köln</strong>, die ihren eigenen ganz individuellen Stil kreiert. Die einzelnen Musiker haben jahrelange Erfahrung in unterschiedlichen Bands und Stilrichtungen. Hierbei entsteht ein unverwechselbarer einmaliger Sound.</p><p>Dämsing singt in kölscher Sprache und die Texte beschäftigen sich mit Alltagsthemen aber auch mit sozialkritischen Inhalten. Von seichten Tönen (Leenchen) bis hin zu Mid Tempo Nummern (Lääve am Affjrund) bis hin zu härter, lauter, schneller (Die Naach) ist für jeden Geschmack etwas dabei.</p><p>Dämsing freut sich bei den kommenden Live Auftritten die neuen Songs präsentieren zu können.<br></p>
 [text title]
 
+
 [text header]
 Über die Band
 [text button]
 
+
 [file image]
 microphone.png

db/cms_seeds/daemsing/pages/index/kontakt/content.html

@@ -1,11 +1,22 @@
 [attributes]
 ---
 label: Kontakt
-layout: startseite
+layout: kontakt
 target_page: 
 categories: []
 is_published: true
-position: 2
+position: 4
 
 [wysiwyg content]
 <p>Wie kannst du uns erreichen?</p>
+
+[text head]
+
+[text address]
+Dämsing, Attendorner Strasse 3, 51109 Köln
+[text email]
+kontakt@daemsing.koeln
+[text phone]
+n/a
+[text fb-link]
+https://www.facebook.com/Daemsing/

db/cms_seeds/daemsing/pages/index/music/content.html

@@ -0,0 +1,23 @@
+[attributes]
+---
+label: Musik
+layout: music
+target_page: 
+categories: []
+is_published: true
+position: 2
+
+[text title]
+Wie klingt es?
+[text content]
+
+[text button]
+
+[text meta-description]
+
+[text meta-keywords]
+
+[text clyp-url]
+https://clyp.it/5s24yh4e
+[files attachments]
+Dämsing - Afgrund.mp3

db/cms_seeds/daemsing/pages/index/neues/content.html

@@ -0,0 +1,11 @@
+[attributes]
+---
+label: Neues
+layout: neues
+target_page: 
+categories: []
+is_published: true
+position: 3
+
+[text head]
+Neues 2

docker-compose.yml

@@ -0,0 +1,9 @@
+version: '2'
+services:
+  web:
+    build: .
+    command: bin/rails server --port 3000 --binding 0.0.0.0 -e production
+    ports:
+      - "3000:3000"
+    volumes:
+      - .:/myapp

package.json

@@ -3,14 +3,15 @@
   "private": true,
   "license": "MIT",
   "contributors": [
-      "Christian Aust (https://software-berater.net/)"
+    "Christian Aust (https://software-berater.net/)"
   ],
   "repository": {
-      "type": "git",
-      "url": "https://git.software-berater.net/christian/daemsing.git"
+    "type": "git",
+    "url": "https://git.software-berater.net/christian/daemsing.git"
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.10.1",
+    "aplayer": "^1.10.1",
     "bootstrap": "4.3.1",
     "jquery": "3.4.1",
     "jquery.easing": "^1.4.1",

yarn.lock

@@ -7,6 +7,20 @@
   resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.10.1.tgz#dec28ee02c3fc51da46d53ce4da9d5787312fbd7"
   integrity sha512-PYncBhgN1l02mwHmczukexmu4yRTjRDAAdcK62jdWSAW8epcnZ9K2win/7rMrffiv/c7XLVDA8vD+yi6WyvbGQ==
 
+aplayer@^1.10.1:
+  version "1.10.1"
+  resolved "https://registry.yarnpkg.com/aplayer/-/aplayer-1.10.1.tgz#318289206107452cc39e8f552fa6cc6cb459a90c"
+  integrity sha512-HAfyxgCUTLAqtYlxzzK9Fyqg6y+kZ9CqT1WfeWE8FSzwspT6oBqWOZHANPHF3RGTtC33IsyEgrfthPDzU5r9kQ==
+  dependencies:
+    balloon-css "^0.5.0"
+    promise-polyfill "7.1.0"
+    smoothscroll "0.4.0"
+
+balloon-css@^0.5.0:
+  version "0.5.2"
+  resolved "https://registry.yarnpkg.com/balloon-css/-/balloon-css-0.5.2.tgz#9e2163565a136c9d4aa20e8400772ce3b738d3ff"
+  integrity sha512-zheJpzwyNrG4t39vusA67v3BYg1HTVXOF8cErPEHzWK88PEOFwgo6Ea9VHOgOWNMgeuOtFVtB73NE2NWl9uDyQ==
+
 bootstrap@4.3.1:
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.3.1.tgz#280ca8f610504d99d7b6b4bfc4b68cec601704ac"
@@ -26,3 +40,13 @@ popper.js@^1.15.0:
   version "1.15.0"
   resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.15.0.tgz#5560b99bbad7647e9faa475c6b8056621f5a4ff2"
   integrity sha512-w010cY1oCUmI+9KwwlWki+r5jxKfTFDVoadl7MSrIujHU5MJ5OR6HTDj6Xo8aoR/QsA56x8jKjA59qGH4ELtrA==
+
+promise-polyfill@7.1.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/promise-polyfill/-/promise-polyfill-7.1.0.tgz#4d749485b44577c14137591c6f36e5d7e2dd3378"
+  integrity sha512-P6NJ2wU/8fac44ENORsuqT8TiolKGB2u0fEClPtXezn7w5cmLIjM/7mhPlTebke2EPr6tmqZbXvnX0TxwykGrg==
+
+smoothscroll@0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/smoothscroll/-/smoothscroll-0.4.0.tgz#40e507b46461408ba1b787d0081e1e883c4124a5"
+  integrity sha512-sggQ3U2Un38b3+q/j1P4Y4fCboCtoUIaBYoge+Lb6Xg1H8RTIif/hugVr+ErMtIDpvBbhQfTjtiTeYAfbw1ZGQ==