Merge pull request #1 from undergroundwires/develop

Develop

CHANGELOG.md

@@ -0,0 +1,25 @@
+# Changelog
+
+- All notable changes to this project will be documented in this file.
+
+## [Unreleased]
+
+## [0.2.0] - 2020-01-06
+
+- Fixed typo in generated code.
+- Better URL validation for documentation links in `application.yaml`.
+- Slightly faster parsing of `application.yaml`
+- Styled no JS error that's shown when JavaScript is disabled.
+- The default selection is now *None* & instruction text is shown in code box when nothing is selected.
+- Added hyphen lines when rendering of long function names
+- Changed subtitle: added version as footer instead.
+
+## [0.1.0] - 2019-12-31
+
+- Initial release
+
+## All releases
+
+- [Unreleased] : https://github.com/undergroundwires/privacy.sexy/compare/v0.2.0...HEAD
+- [v0.2.0] : https://github.com/undergroundwires/privacy.sexy/compare/v0.1.0...v0.2.0
+- [v0.1.0] : https://github.com/undergroundwires/privacy.sexy/releases/tag/v0.1.0

README.md

@@ -1,17 +1,27 @@
 # privacy.sexy
-![](https://github.com/undergroundwires/privacy.sexy/workflows/Build%20&%20deploy/badge.svg) ![](https://snyk.io/test/github/undergroundwires/privacy.sexy/badge.svg) [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/dwyl/goodparts/issues)  [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/undergroundwires/privacy.sexy.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/undergroundwires/privacy.sexy/context:javascript) [![Maintainability](https://api.codeclimate.com/v1/badges/a99a88d28ad37a79dbf6/maintainability)](https://codeclimate.com/github/codeclimate/codeclimate/maintainability)
 
-Privacy & security generator tool for Windows.
+![Build & deploy status](https://github.com/undergroundwires/privacy.sexy/workflows/Build%20&%20deploy/badge.svg)
+![Vulnerabilities](https://snyk.io/test/github/undergroundwires/privacy.sexy/badge.svg)
+[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/undergroundwires/privacy.sexy/issues)
+[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/undergroundwires/privacy.sexy.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/undergroundwires/privacy.sexy/context:javascript)
+[![Maintainability](https://api.codeclimate.com/v1/badges/3a70b7ef602e2264342c/maintainability)](https://codeclimate.com/github/undergroundwires/privacy.sexy/maintainability)
 
+Web tool to generate scripts for enforcing privacy & security best-practices such as stopping data collection of Windows and different softwares on it.
 > because privacy is sexy 🍑🍆
 
 [https://privacy.sexy](https://privacy.sexy)
 
-In this repo you find:
+## Why privacy.sexy
 
-- Application & infrastructure code of privacy.sexy, simply everything is code & open-sourced.
-- Fully automated CI/CD pipeline to AWS for provisioning serverless infrastructure using GitHub actions.
-- Vue.js application in conjunction with domain-driven design, event-driven architecture & data-driven programming.
+- You don't need to run any compiled software on your system, just run the generated scripts.
+- It's open source, both application & infrastructure is 100% transparent
+  - Fully automated C/CD pipeline to AWS for provisioning serverless infrastructure using GitHub actions.
+- Have full visibility into what the tweaks do as you enable them.
+- Easily extendable
+
+## Extend scripts
+
+Fork it & add more scripts in `src/application/application.yml` and send a pull request 👌
 
 ## Commands
 
@@ -26,10 +36,6 @@ In this repo you find:
 - Run tests: `npm run test:unit`
 - Lint and fix files: `npm run lint`
 
-## Extend scripts
-
-Fork it & add more scripts in `src/application/application.yml` and send a pull request 👌
-
 ## Architecture
 
 ### Application

docs/aws-cloudformation.drawio

@@ -1 +1 @@
-<mxfile host="www.draw.io" modified="2019-12-30T13:06:22.821Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36" etag="l2tnzn1nmjUNyZ-VSs3g" version="12.4.7"><diagram id="Ye9PCKr41UH_XG41T55p" name="Page-1">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</diagram></mxfile>
+<mxfile host="www.draw.io" modified="2020-01-05T23:10:41.043Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36" etag="YAsC8upQJzmWu6TEAmgc" version="12.4.8" type="device"><diagram id="Ye9PCKr41UH_XG41T55p" name="Page-1">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</diagram></mxfile>

public/index.html

@@ -9,11 +9,23 @@
   </head>
   <body>
     <noscript>
-      <strong>
-        The page does not work without JavaScript enabled.
-        Please enable it to continue.
-        There's no shady stuff as 100% of the website is open source.
-      </strong>
+      <style>
+        #javascriptDisabled {
+          background:#eceef1;
+          margin: 5rem auto;
+          max-width: 800px;
+          font-size: 7px;
+          padding: 3rem;
+          border: 1px solid#333a45;
+          font-size: 1.5rem;
+          line-height: 150%;
+          font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
+        }
+      </style>
+      <div id="javascriptDisabled">
+        <h1>Problem loading page</h1>
+        <p>The page does not work without JavaScript enabled. Please enable it to use privacy.sexy. There's no shady stuff as 100% of the website is open source.</p>
+      </div>
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->

src/App.vue

@@ -1,25 +1,26 @@
 <template>
-    <div id="app">
+  <div id="app">
       <div class="wrapper">
-          <TheHeader 
-            class="row"
-            github-url="https://github.com/undergroundwires/privacy.sexy"/>
+          <TheHeader class="row"
+                     github-url="https://github.com/undergroundwires/privacy.sexy" />
           <!-- <TheSearchBar> </TheSearchBar> -->
           <!-- <div style="display: flex; justify-content: space-between;"> -->
-            <!-- <TheGrouper></TheGrouper> -->
+          <!-- <TheGrouper></TheGrouper> -->
           <TheSelector class="row" />
           <!-- </div> -->
           <CardList />
-          <TheCodeArea class="row" theme="xcode"/>
+          <TheCodeArea class="row" theme="xcode" />
           <TheCodeButtons class="row" />
+          <TheFooter />
       </div>
-  </div>
+   </div>
 </template>
 
 <script lang="ts">
 import { Component, Vue, Prop  } from 'vue-property-decorator';
 import { ApplicationState, IApplicationState } from '@/application/State/ApplicationState';
 import TheHeader from './presentation/TheHeader.vue';
+import TheFooter from './presentation/TheFooter.vue';
 import TheCodeArea from './presentation/TheCodeArea.vue';
 import TheCodeButtons from './presentation/TheCodeButtons.vue';
 import TheSearchBar from './presentation/TheSearchBar.vue';
@@ -36,6 +37,7 @@ import CardList from './presentation/Scripts/Cards/CardList.vue';
     TheGrouper,
     CardList,
     TheSelector,
+    TheFooter,
   },
 })
 export default class App extends Vue {
@@ -53,7 +55,7 @@ export default class App extends Vue {
 
 body {
   background: $light-gray;
-  font-family: 'Slabo 27px', serif;
+  font-family: $fancy-font;
   color: $slate;
 }