cleanup

Author: goldst

blocks/button/ButtonAbstract.js

@@ -0,0 +1,7 @@
+/**
+ * Base for the event controllers for button blocks, which automate
+ * mouse pointer shadows
+ */
+export default class ButtonAbstract {
+
+}

blocks/button/button.css

@@ -70,7 +70,7 @@
 }
 
 /**
- * @modifier button--s Small sqare version of the button. Only shows icon
+ * @modifier button--s Small square version of the button. Only shows icon
  *   by default, extends <code>width</code> and shows text on
  *   <code>:hover</code>.
  */

blocks/card/Card--projects.js

@@ -1,12 +1,12 @@
 import LA
     from '../../js/math/LinearAlgebra.js';
 import TF
-    from '../../js/transformationNew/TransformationFunctions.js';
+    from '../../js/transformation/TransformationFunctions.js';
 
 import CardAbstract from './CardAbstract.js';
 
 /**
- * automates event based effects for card blocks with the --projects 
+ * automates event based effects for card blocks with the --projects
  * modifier
  * @extends CardAbstract
  */
@@ -18,7 +18,7 @@ export default class CardProjects extends CardAbstract {
         super(
             '--projects',
             CardProjects._postTransformFunction,
-            () => {}, 
+            () => {},
             CardProjects._transformationFunction
             //TODO: implement shadowFunction for project cards
         );

blocks/card/Card.js

@@ -5,6 +5,9 @@ import CardAbstract from './CardAbstract.js';
  * @extends CardAbstract
  */
 export default class Card extends CardAbstract {
+    /**
+     * @returns {void}
+     */
     constructor() {
         // in cards without modifiers, nothing happens
         // after the transformation, thus the empty functions

blocks/card/CardAbstract.js

@@ -1,13 +1,12 @@
 import CT from './CardTransformable.js';
 import CM from './CardMouseShadowed.js';
-import TF from '../../js/transformationNew/TransformationFunctions.js';
+import TF from '../../js/transformation/TransformationFunctions.js';
 import LA from '../../js/math/LinearAlgebra.js';
 
 /**
- * Base for the transformation controller for card blocks, which automates
- * the 3d effect
+ * Base for the event controllers for card blocks, which automates
+ * the effects
  * @abstract
- * @extends TransformationController
  */
 export default class cardAbstract {
     /**
@@ -38,7 +37,7 @@ export default class cardAbstract {
             modifier,
             postShadowFunction,
             shadowFunction
-        )
+        );
     }
 
     /**
@@ -64,7 +63,7 @@ export default class cardAbstract {
                 rotAxis[1],
                 -rotAxis[0]
             ];
-        
+
         return {
             transform:
                 `perspective(2000px) ` +
@@ -77,18 +76,24 @@ export default class cardAbstract {
         };
     }
 
+    /**
+     * function which takes an object args which contains e mousemove
+     * event (event) and returns css changes
+     * @param {object} args
+     * @returns {object} object of css properties and their values
+     */
     static _shadowFunction(args) {
-            const
-                rect = args.eventControlElement.domElement.getBoundingClientRect(),
-                hover = [
-                    args.event.clientX - rect.left,
-                    args.event.clientY - rect.top
-                ];
-        
+        const
+            rect = args.eventControlElement.domElement.getBoundingClientRect(),
+            hover = [
+                args.event.clientX - rect.left,
+                args.event.clientY - rect.top
+            ];
+
         return {
             '--card__inner--mouse-shadow-left': hover[0] + 'px',
             '--card__inner--mouse-shadow-top': hover[1] + 'px'
-        }
+        };
     }
 
     /**

blocks/card/CardMouseShadowed.js

@@ -14,7 +14,7 @@ export default class CardMouseShadowed extends MC {
      */
     constructor(
         modifier = '',
-        postShadowFunction, 
+        postShadowFunction,
         shadowFunction) {
 
         super(

blocks/card/CardTransformable.js

@@ -1,4 +1,4 @@
-import TC from '../../js/transformationNew/TransformationController.js';
+import TC from '../../js/transformation/TransformationController.js';
 
 /**
  * Base for the transformation controller for card blocks, which automates
@@ -14,7 +14,7 @@ export default class CardTransformable extends TC {
      */
     constructor(
         modifier = '',
-        postTransformFunction, 
+        postTransformFunction,
         transformationFunction) {
 
         super(

blocks/disclaimers/disclaimers.css

@@ -31,3 +31,8 @@
 .disclaimers ul :not(:last-child)::after {
     content: " | ";
 }
+
+.disclaimers a {
+    color: var(--c1);
+    text-decoration: none;
+}

index.html

@@ -174,7 +174,7 @@ <h3 class="card__title project-card__title">
         <ul>
             <li>Leonard Goldstein</li>
             <li>Fork this on GitHub</li>
-            <li><a href="impressum.html" style="text-decoration: none; color: var(--c1)">Impressum &amp; Datenschutz</a></li>
+            <li><a href="impressum.html">Impressum &amp; Datenschutz</a></li>
         </ul>
     </footer>
     <script src="blocks/index.js" type="module"></script>

js/eventControl/EventController.js

@@ -216,7 +216,7 @@ export default class EventController {
                 document.addEventListener(eventType, event => {
                     this._modify(event, ece, modificationFunction);
                     postFunction.call(this, event, ece);
-                })
+                });
             }
             );
     }