Merge branch '139-automate-jumbotron-generation' into 'master'

Resolve "Automate Jumbotron Generation"

Closes #139

See merge request hifis/hifis.net!233

.gitlab-ci.yml

@@ -18,15 +18,20 @@ stages:
     key: latest
     paths:
       - vendor/bundle
+      - assets/img/jumbotrons
 
 .cache_production: &cache_production
   cache:
     key: production
     paths:
       - vendor/bundle
+      - assets/img/jumbotrons
 
 .common_production: &production_before_script
   before_script:
+    - "[[ -x \"$(command -v apt-get)\" ]] && \
+          apt-get update && \
+          apt-get install -y ffmpeg"
     - gem install bundler --no-document
     - bundle config set without 'test'
     - bundle install --jobs $(nproc)
@@ -34,6 +39,9 @@ stages:
 
 .common_latest: &latest_before_script
   before_script:
+    - "[[ -x \"$(command -v apt-get)\" ]] && \
+          apt-get update && \
+          apt-get install -y ffmpeg"
     - "[[ -f \"Gemfile.lock\" ]] && rm Gemfile.lock"
     - bundle config set without 'test'
     - bundle install --jobs $(nproc) --without test "${FLAGS[@]}"
@@ -51,6 +59,7 @@ stages:
   variables:
     <<: *common_variables
   script:
+    - "bash scripts/create_jumbotrons.sh assets/img/jumbotrons/"
     - "bundle exec jekyll build --future \
         --config _config.yml \
         -d public$SUBPATH \
@@ -64,6 +73,7 @@ stages:
   variables:
     <<: *common_variables
   script:
+    - "bash scripts/create_jumbotrons.sh assets/img/jumbotrons/"
     - "bundle exec jekyll build --future \
         --config _config.yml,_config_reviewapps.yml \
         -d public$SUBPATH \

README.md

@@ -20,11 +20,28 @@ is built using Jekyll.
    ``` bash
    git submodule update --init --recursive
    ```
-5. Build and preview the web page.
+5. Optionally, on _Linux_ systems install `FFmpeg` to be used to scale
+   Jumbotron images.
+   On systems with `Apt`
+   ```bash
+   apt install ffmpeg
+   ```
+   _or_ on systems with `Yum`
+   ```bash
+   yum install ffmpeg
+   ```
+6. Optionally, on _Linux_ systems create scaled variants of Jumbotron images to
+   be used on different devices.
+   ```bash
+   bash scripts/create_jumbotrons.sh assets/img/jumbotrons/
+   ```
+   _Note: Be aware that missing scaled variants of Jumbotron images may cause
+   issues in your local installation when rendering the page in the next step._
+7. Build and preview the web page.
    ```bash
    bundle exec jekyll serve --future
    ```
-6. Add content.
+8. Add content.
 
 Execute the commands above from the root of your repository.
 

assets/img/jumbotrons/desktop/globe.jpeg

-../globe.jpeg
\ No newline at end of file

assets/img/jumbotrons/desktop/hifis_page_title_background.svg

-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="5355.5" height="1641.8" version="1.1" viewBox="0 0 5355.5 1641.8" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><defs><clipPath id="clipPath869"><path d="m0 2250h4e3v-2250h-4e3z"/></clipPath></defs><g transform="matrix(1.3333 0 0 -1.3333 9.6331 3006.4)"><g transform="translate(33)"><g clip-path="url(#clipPath869)"><g transform="translate(430.63 569.45)"><path d="m0 0 581.44 581.44c4.192 4.192 9.878 6.547 15.806 6.547h244.42c5.929 0 11.614 2.355 15.806 6.548l317.66 317.66c4.192 4.192 9.878 6.548 15.807 6.548h172.17c5.929 0 11.615 2.355 15.806 6.547l709.71 709.71c4.191 4.192 9.878 6.547 15.806 6.547h1456.9" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 582.75 560.34c3.829 3.681 8.844 5.879 14.146 6.2l252.86 15.273c5.173 0.313 10.076 2.413 13.872 5.942l328.99 305.85c4.607 4.284 10.807 6.428 17.077 5.905l180.07-15.014c6.432-0.537 12.782 1.733 17.416 6.225l703.44 681.85c4.038 3.915 9.403 6.163 15.025 6.297l1450.3 10.871" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 584.05 539.18c3.466 3.2 7.856 5.22 12.541 5.774l261.21 30.852c4.435 0.524 8.611 2.363 11.991 5.283l340.38 294.04c4.987 4.308 11.622 6.196 18.13 5.16l188.3-29.999c6.825-1.088 13.77 1.043 18.811 5.772l697.24 654.08c3.872 3.631 8.911 5.767 14.213 6.024l1443.8 21.762" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 585.33 517.96c3.105 2.747 6.912 4.577 10.997 5.285l269.44 46.693c3.724 0.645 7.222 2.224 10.17 4.588l351.84 282.22c5.327 4.273 12.315 5.877 18.972 4.354l196.83-45.027c7.119-1.629 14.586 0.323 19.997 5.228l691.1 626.41c3.692 3.347 8.397 5.364 13.368 5.731l1437.2 32.673" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 586.6 496.69c2.744 2.325 6.008 3.952 9.515 4.745l277.54 62.761c3.044 0.689 5.91 2.007 8.414 3.87l363.38 270.4c5.626 4.187 12.89 5.49 19.621 3.522l205.62-60.15c7.326-2.143 15.24-0.399 20.988 4.625l685.04 598.84c3.5 3.06 7.866 4.952 12.491 5.414l1430.7 43.608" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 587.86 475.36c2.383 1.928 5.138 3.345 8.093 4.162l285.53 79.023c2.402 0.664 4.675 1.726 6.726 3.14l374.98 258.56c5.884 4.057 13.354 5.056 20.097 2.687l214.65-75.397c7.461-2.621 15.75-1.105 21.8 3.986l679.06 571.35c3.291 2.77 7.311 4.53 11.578 5.071l1424.2 54.57" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 589.12 453.99c2.024 1.56 4.3 2.761 6.73 3.551l293.4 95.444c1.798 0.585 3.514 1.396 5.108 2.413l386.66 246.69c6.104 3.894 13.715 4.591 20.424 1.87l223.86-90.788c7.533-3.054 16.129-1.78 22.451 3.329l673.14 543.94c3.067 2.478 6.734 4.102 10.631 4.705l1417.7 65.558" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 590.37 432.57c1.663 1.219 3.487 2.202 5.42 2.92l301.15 112c1.233 0.459 2.424 1.026 3.558 1.694l398.39 234.79c6.285 3.704 13.983 4.108 20.622 1.081l233.23-106.32c7.553-3.443 16.392-2.418 22.956 2.664l667.31 516.61c2.825 2.187 6.134 3.665 9.648 4.31l1411.2 76.577" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 591.62 411.1c1.301 0.905 2.696 1.668 4.158 2.278l308.8 128.67c0.708 0.295 1.4 0.626 2.074 0.992l410.18 222.86c6.432 3.495 14.169 3.619 20.71 0.331l242.73-122.01c7.533-3.786 16.554-3.012 23.333 2.001l661.55 489.35c2.566 1.897 5.508 3.224 8.629 3.89l1404.8 87.627" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 592.86 389.6c0.938 0.615 1.921 1.16 2.94 1.628l316.67 145.58 422.35 211.04c6.548 3.272 14.283 3.131 20.708-0.379l252.33-137.84c7.478-4.085 16.627-3.563 23.592 1.345l655.86 462.15c2.287 1.611 4.855 2.779 7.573 3.442l1398.3 98.714" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 594.12 368.06c0.571 0.354 1.157 0.681 1.758 0.982l323.44 162.08 433.56 198.69c6.634 3.041 14.335 2.651 20.629-1.043l262.01-153.8c7.393-4.34 16.619-4.069 23.745 0.699l650.26 435c1.988 1.329 4.176 2.332 6.481 2.968l1391.9 109.84" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 595.67 346.65 329.51 178.26c0.65 0.352 1.317 0.671 1.999 0.956l443.78 185.92c6.694 2.804 14.333 2.184 20.487-1.663l271.75-169.88c7.286-4.554 16.538-4.53 23.8 0.065l644.73 407.9c1.667 1.054 3.465 1.884 5.349 2.466l1385.4 121" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.37 324.71 335.06 194.14c1.036 0.6 2.119 1.117 3.238 1.544l454.42 173.37c6.729 2.568 14.284 1.735 20.293-2.236l281.55-186.08c7.158-4.732 16.393-4.948 23.765-0.556l639.28 380.84c1.324 0.788 2.724 1.437 4.181 1.938l1379 132.2" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.24 302.35c0.553 0.28 1.093 0.584 1.62 0.908l339.88 209.51c1.393 0.859 2.876 1.562 4.423 2.096l465.1 160.86c6.745 2.333 14.197 1.305 20.059-2.766l291.39-202.39c7.014-4.871 16.19-5.321 23.646-1.159l633.92 353.8c0.956 0.533 1.949 0.996 2.972 1.384l1372.6 143.45" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.36 280.17c0.936 0.44 1.841 0.944 2.706 1.509l345 225c1.723 1.124 3.593 2.004 5.556 2.616l475.82 148.39c6.74 2.103 14.078 0.896 19.79-3.252l301.26-218.79c6.854-4.978 15.931-5.655 23.446-1.748l628.64 326.79c0.563 0.293 1.139 0.562 1.726 0.806l1366.1 154.75" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.48 258.02c1.324 0.574 2.589 1.273 3.778 2.089l350.19 240.47c2.028 1.392 4.27 2.439 6.638 3.102l486.59 135.96c6.72 1.878 13.932 0.51 19.497-3.699l311.15-235.28c6.68-5.051 15.622-5.944 23.169-2.315l623.67 299.89 1359.9 166.2" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.58 235.92c1.716 0.679 3.342 1.568 4.84 2.646l355.43 255.91c2.308 1.663 4.912 2.869 7.673 3.554l497.4 123.54c6.686 1.66 13.765 0.145 19.185-4.107l321.07-251.85c6.494-5.094 15.266-6.195 22.818-2.863l617.91 272.59 1352.9 177.28" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.68 213.86c2.114 0.758 4.101 1.829 5.895 3.18l360.72 271.34c2.568 1.931 5.522 3.287 8.661 3.973l508.24 111.15c6.64 1.452 13.58-0.196 18.858-4.477l331-268.5c6.298-5.108 14.869-6.405 22.396-3.39l611.04 244.86c0.764 0.307 1.511 0.655 2.237 1.043l1344.7 187.77" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.76 191.85c2.514 0.808 4.865 2.055 6.944 3.683l366.05 286.75c2.809 2.201 6.103 3.697 9.607 4.363l519.12 98.777c6.583 1.253 13.381-0.514 18.521-4.814l340.94-285.2c6.091-5.096 14.43-6.577 21.905-3.889l604.64 217.38c1.258 0.453 2.474 1.016 3.631 1.686l1337 198.43" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.84 169.87c2.917 0.83 5.635 2.246 7.988 4.16l371.41 302.15c3.031 2.465 6.654 4.093 10.51 4.721l530.02 86.414c6.518 1.063 13.172-0.811 18.178-5.119l350.89-301.97c5.877-5.059 13.956-6.709 21.347-4.363l598.24 189.98c1.778 0.565 3.478 1.349 5.061 2.337l1329.2 209.03" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.91 147.94c3.321 0.823 6.41 2.398 9.026 4.603l376.81 317.54c3.236 2.728 7.18 4.48 11.373 5.054l540.95 74.059c6.446 0.883 12.956-1.087 17.832-5.394l360.85-318.79c5.655-4.995 13.448-6.802 20.724-4.802l591.85 162.63c2.321 0.638 4.525 1.646 6.525 2.987l1321.5 219.57" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 596.98 126.05c3.726 0.786 7.191 2.513 10.063 5.014l382.24 332.92c3.427 2.985 7.681 4.854 12.197 5.359l551.92 61.712c6.367 0.712 12.734-1.343 17.485-5.643l370.8-335.66c5.424-4.91 12.908-6.854 20.037-5.207l585.47 135.36c2.887 0.668 5.613 1.903 8.018 3.633l1313.8 230.05" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 597.04 104.2c4.131 0.722 7.976 2.59 11.095 5.392l387.7 348.3c3.603 3.237 8.16 5.216 12.985 5.639l562.9 49.368c6.286 0.551 12.512-1.58 17.141-5.866l380.76-352.57c5.188-4.804 12.342-6.869 19.291-5.571l579.11 108.15c3502.3 654.08-841.39-651.32 9.538 4.266l1306.1 240.47" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 597.09 82.408c4.532 0.625 8.763 2.626 12.122 5.734l393.18 363.67c3.767 3.484 8.618 5.566 13.739 5.896l573.9 37.026c6.199 0.401 12.285-1.797 16.799-6.066l390.72-369.52c4.944-4.677 11.751-6.846 18.489-5.893l572.76 81.011c4.073 0.577 7.908 2.265 11.083 4.882l1298.5 250.83" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 597.15 60.657c4.93 0.5 9.553 2.624 13.143 6.038l398.69 379.03c3.919 3.726 9.057 5.905 14.46 6.133l584.93 24.685c6.11 0.258 12.06-1.999 16.462-6.245l400.67-386.51c4.697-4.531 11.141-6.783 17.639-6.165l566.41 53.939c4.686 0.447 9.112 2.361 12.646 5.471l1290.8 261.13" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 597.21 38.952c5.32 0.347 10.341 2.583 14.157 6.307l404.21 394.4c4.06 3.962 9.475 6.232 15.148 6.35l595.97 12.344c6.021 0.124 11.836-2.186 16.131-6.406l410.62-403.52c4.446-4.369 10.515-6.684 16.741-6.384l560.08 26.936c5.307 0.255 10.349 2.391 14.223 6.027l1283.2 271.36" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g><g transform="translate(430.63 569.45)"><path d="m0 0 597.27 17.293c5.702 0.165 11.126 2.504 15.16 6.537l409.76 409.76c4.192 4.192 9.878 6.547 15.807 6.547h607.04c5.929 0 11.614-2.355 15.807-6.547l420.56-420.56c4.193-4.191 9.878-6.546 15.807-6.546h553.76c5.927 0 11.614 2.355 15.805 6.546l1275.5 281.53" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.016"/></g></g></g></g></svg>

assets/img/jumbotrons/desktop/luke-stackpoole-ZRsJmpt9pNI-unsplash.jpg

-../luke-stackpoole-ZRsJmpt9pNI-unsplash.jpg
\ No newline at end of file