Browse Source

Aktueller Stand, Dockerfile startet aber Rails funktioniert noch nicht

master
Christian Aust 1 year ago
parent
commit
4af2e8d5a2
42 changed files with 533 additions and 131 deletions
  1. 8
      .dockerignore
  2. 46
      Dockerfile
  3. 6
      Gemfile
  4. BIN
      app/assets/images/bg-music.jpg
  5. 17
      app/assets/javascripts/aplayer.js
  6. 1
      app/assets/javascripts/application.js
  7. 1
      app/assets/stylesheets/application.css.scss
  8. 11
      app/assets/stylesheets/grayscale.scss
  9. 3
      app/assets/stylesheets/grayscale/_band.scss
  10. 0
      app/assets/stylesheets/grayscale/_info.scss
  11. 19
      app/assets/stylesheets/grayscale/_music.scss
  12. 51
      app/assets/stylesheets/grayscale/_neues.scss
  13. 22
      app/assets/stylesheets/grayscale/_projects.scss
  14. 20
      app/views/comfy/cms/content/_neues.haml
  15. 1
      app/views/comfy/cms/content/_players.haml
  16. 46
      app/views/layouts/_static.html.haml
  17. 93
      app/views/layouts/application.html.haml
  18. 2
      config/application.rb
  19. 8
      config/boot.rb
  20. 2
      config/environments/production.rb
  21. 2
      config/initializers/comfortable_mexican_sofa.rb
  22. 46
      db/cms_seeds/daemsing/layouts/band/content.html
  23. 14
      db/cms_seeds/daemsing/layouts/blog/content.html
  24. 4
      db/cms_seeds/daemsing/layouts/info/content.html
  25. 60
      db/cms_seeds/daemsing/layouts/kontakt/content.html
  26. 24
      db/cms_seeds/daemsing/layouts/music/content.html
  27. 12
      db/cms_seeds/daemsing/layouts/neues/content.html
  28. 6
      db/cms_seeds/daemsing/layouts/startseite/content.html
  29. BIN
      db/cms_seeds/daemsing/pages/index/band/chris.jpg
  30. 36
      db/cms_seeds/daemsing/pages/index/band/content.html
  31. BIN
      db/cms_seeds/daemsing/pages/index/band/hans.jpg
  32. BIN
      db/cms_seeds/daemsing/pages/index/band/herbert.jpg
  33. BIN
      db/cms_seeds/daemsing/pages/index/band/juergen.jpg
  34. BIN
      db/cms_seeds/daemsing/pages/index/band/nobs.jpg
  35. 8
      db/cms_seeds/daemsing/pages/index/content.html
  36. 6
      db/cms_seeds/daemsing/pages/index/info/content.html
  37. 15
      db/cms_seeds/daemsing/pages/index/kontakt/content.html
  38. 23
      db/cms_seeds/daemsing/pages/index/music/content.html
  39. 11
      db/cms_seeds/daemsing/pages/index/neues/content.html
  40. 9
      docker-compose.yml
  41. 7
      package.json
  42. 24
      yarn.lock

8
.dockerignore

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

46
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"]

6
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'

BIN
app/assets/images/bg-music.jpg

Before After
Width: 1900  |  Height: 1267  |  Size: 179 KiB

17
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

1
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 .

1
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
*/

11
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;
}

3
app/assets/stylesheets/grayscale/_band.scss

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

app/assets/stylesheets/grayscale/_about.scss → app/assets/stylesheets/grayscale/_info.scss

19
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;
}

51
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%;
}
}
}
}

22
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%;
}
}
}
}

20
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

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

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

46
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

93
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

2
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

8
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

2
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.

2
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

46
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]

14
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]

4
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]

60
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]

24
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]

12
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]

6
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]

BIN
db/cms_seeds/daemsing/pages/index/band/chris.jpg

Before After
Width: 512  |  Height: 512  |  Size: 25 KiB

36
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

BIN
db/cms_seeds/daemsing/pages/index/band/hans.jpg

Before After
Width: 512  |  Height: 512  |  Size: 21 KiB

BIN
db/cms_seeds/daemsing/pages/index/band/herbert.jpg

Before After
Width: 512  |  Height: 512  |  Size: 24 KiB

BIN
db/cms_seeds/daemsing/pages/index/band/juergen.jpg

Before After
Width: 512  |  Height: 512  |  Size: 21 KiB

BIN
db/cms_seeds/daemsing/pages/index/band/nobs.jpg

Before After
Width: 512  |  Height: 512  |  Size: 22 KiB

8
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

6
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

15
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/

23
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

11
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

9
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

7
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",

24
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==
Loading…
Cancel
Save