Updated custom footer

src/nginxconfig/i18n/en/templates/app.js

@@ -36,5 +36,4 @@ export default {
     globalConfig: 'Global config',
     setup: 'Setup',
     configFiles: 'Config files',
-    oss: 'This tool is {link|open-source on GitHub|https://github.com/digitalocean/nginxconfig.io} under the {link|MIT|https://github.com/digitalocean/nginxconfig.io/blob/master/LICENSE} license! We welcome feedback and contributions.',
 };

src/nginxconfig/i18n/en/templates/footer.js

@@ -0,0 +1,39 @@
+/*
+Copyright 2020 DigitalOcean
+
+This code is licensed under the MIT License.
+You may obtain a copy of the License at
+https://github.com/digitalocean/nginxconfig.io/blob/master/LICENSE or https://mit-license.org/
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions :
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+
+export default {
+    backToTop: 'Back To Top',
+    thisToolIs: 'This tool is',
+    openSourceOnGitHub: 'open-source on GitHub',
+    underThe: 'under the',
+    mit: 'MIT',
+    license: 'license!',
+    weWelcomeFeedbackAndContributions: 'We welcome feedback and contributions.',
+    originallyCreatedBy: 'Originally created by',
+    balintSzekeres: 'Bálint Szekeres',
+    maintainedBy: 'maintained by',
+    digitalOcean: 'DigitalOcean',
+};

src/nginxconfig/i18n/en/templates/index.js

@@ -26,8 +26,9 @@ THE SOFTWARE.
 
 import app from './app';
 import setup from './setup';
+import footer from './footer';
 import domainSections from './domain_sections';
 import globalSections from './global_sections';
 import setupSections from './setup_sections';
 
-export default { app, setup, domainSections, globalSections, setupSections };
+export default { app, setup, footer, domainSections, globalSections, setupSections };

src/nginxconfig/scss/_footer.scss

@@ -0,0 +1,43 @@
+/*
+Copyright 2020 DigitalOcean
+
+This code is licensed under the MIT License.
+You may obtain a copy of the License at
+https://github.com/digitalocean/nginxconfig.io/blob/master/LICENSE or https://mit-license.org/
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions :
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+
+.footer {
+  .container {
+    p {
+      &:not(:first-child) {
+        + p {
+          margin-top: 0;
+        }
+      }
+
+      i {
+        &[class^="fa"] {
+          margin: 0 0 0 .25rem;
+        }
+      }
+    }
+  }
+}

src/nginxconfig/scss/style.scss

@@ -49,4 +49,5 @@ $highlight: #f2c94c;
   @import "setup";
   @import "code";
   @import "files";
+  @import "footer";
 }

src/nginxconfig/templates/app.vue

@@ -91,7 +91,7 @@ THE SOFTWARE.
             </div>
         </div>
 
-        <Footer :text="i18n.templates.app.oss"></Footer>
+        <Footer></Footer>
     </div>
 </template>
 
@@ -100,7 +100,6 @@ THE SOFTWARE.
     import sha2_256 from 'simple-js-sha2-256';
     import escape from 'escape-html';
     import Header from 'do-vue/src/templates/header';
-    import Footer from 'do-vue/src/templates/footer';
     import diff from '../util/diff';
     import isChanged from '../util/is_changed';
     import importData from '../util/import_data';
@@ -111,6 +110,7 @@ THE SOFTWARE.
     import Global from './global';
     import Setup from './setup';
     import NginxPrism from './prism/nginx';
+    import Footer from './footer';
 
     export default {
         name: 'App',

src/nginxconfig/templates/footer.vue

@@ -0,0 +1,74 @@
+<!--
+Copyright 2020 DigitalOcean
+
+This code is licensed under the MIT License.
+You may obtain a copy of the License at
+https://github.com/digitalocean/nginxconfig.io/blob/master/LICENSE or https://mit-license.org/
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and / or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions :
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+-->
+
+<template>
+    <div class="footer">
+        <div class="container">
+            <p>
+                <a href="#top" class="button is-primary is-small">{{ i18n.templates.footer.backToTop }}</a>
+            </p>
+            <p>
+                {{ i18n.templates.footer.thisToolIs }}
+                <ExternalLink :text="i18n.templates.footer.openSourceOnGitHub"
+                              link="https://github.com/digitalocean/nginxconfig.io"
+                ></ExternalLink>
+                {{ i18n.templates.footer.underThe }}
+                <ExternalLink :text="i18n.templates.footer.mit"
+                              link="https://github.com/digitalocean/nginxconfig.io/blob/master/LICENSE"
+                ></ExternalLink>
+                {{ i18n.templates.footer.license }}
+                {{ i18n.templates.footer.weWelcomeFeedbackAndContributions }}
+            </p>
+            <p>
+                {{ i18n.templates.footer.originallyCreatedBy }}
+                <ExternalLink :text="i18n.templates.footer.balintSzekeres"
+                              link="https://b4lint.hu/"
+                ></ExternalLink>,
+                {{ i18n.templates.footer.maintainedBy }}
+                <ExternalLink :text="i18n.templates.footer.digitalOcean"
+                              link="https://github.com/digitalocean/nginxconfig.io"
+                ></ExternalLink>.
+            </p>
+        </div>
+    </div>
+</template>
+
+<script>
+    import i18n from '../i18n';
+    import ExternalLink from 'do-vue/src/templates/external_link';
+
+    export default {
+        name: 'Footer',
+        components: {
+            ExternalLink,
+        },
+        data() {
+            return {
+                i18n,
+            };
+        },
+    };
+</script>