Added dogescript

.gitignore

@@ -0,0 +1 @@
+node_modules

compile.js

@@ -0,0 +1,16 @@
+var dogescript = require("dogescript");
+
+var dsScripts = Array.from(document.querySelectorAll("script")).filter(function (x) {
+    return x.type === "text/dogescript";
+});
+
+dsScripts.forEach(function (script) {
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState == XMLHttpRequest.DONE) {
+            eval.call(window, dogescript(xhr.responseText, false, false));
+        }
+    };
+    xhr.open('GET', script.src, true);
+    xhr.send();
+});

index.css

@@ -191,3 +191,16 @@ form{
     }
 }
 
+/* modified from https://gist.github.com/ratbeard/9076500 */
+.rainbow-text {
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-image: -webkit-gradient(linear,  left top,  right top,
+        color-stop(0.00, red),
+        color-stop(16%, orange),
+        color-stop(32%, yellow),
+        color-stop(48%, green),
+        color-stop(60%, blue),
+        color-stop(76%, indigo),
+        color-stop(1.00, violet));
+  }

index.djs

@@ -0,0 +1,74 @@
+such setStyle much elementID property value
+    very element is plz dogeument.getElementById with elementID
+    plz element.style.setProperty with property value
+wow
+
+such hideLoadingScreen
+    plz setStyle with "loadingElement" "display" "none"
+wow
+
+plz $ with much
+wow& hideLoadingScreen()
+
+very animations is []
+animations dose push "spin"
+animations dose push "zoom"
+animations dose push "bg"
+animations dose push "invert"
+animations dose push "blur"
+animations dose push "rainbow"
+
+such displayLoadingScreen
+    very animationToUse is animations[Math.floor(Math.random() * animations.length)]
+    plz setStyle with "loadingElement" "display" "block"
+    plz setStyle with "loadingTrollFaceScreen" "animationName" animationToUse
+wow
+
+such getImages much query
+    plz displayLoadingScreen
+
+    very rnd is maybe shh Keep this comment
+	shh Keep this line as well
+	very displayType is rnd ? 'cat' : 'doge'
+
+	very postOb is {}
+	postOb.url is "https://api.memetrash.co.uk/" dose concat with displayType
+	postOb.crossDomain is true
+	postOb.data is {}
+	postOb.data.text is query
+	postOb.data.quantity is 3
+
+    $ dose post with postOb&
+	dose done with much httpData
+        very imageCont is document dose createElement with "div"
+        imageCont.id is "downloadedImageInner"
+
+        httpData["data"]["images"] dose forEach with much image
+            very newImage is document dose createElement with "img"
+            newImage.src is image;
+            imageCont dose appendChild with newImage
+        wow&
+
+        plz setStyle with "downloadedImageOuter" "display" "block"
+
+        very outerImg is document dose getElementById with "downloadedImageOuter"
+        very innerImg is document dose getElementById with "downloadedImageInner"
+
+        outerImg dose replaceChild with imageCont innerImg
+        plz hideLoadingScreen
+    wow&
+	.plz fail with much error
+        plz hideLoadingScreen
+        plz alert "YOU HAZ ERRORS"
+    wow&
+wow
+
+such postForm
+    very inputBox is document dose getElementById with "inputBox"
+    rly inputBox.value not ""
+        plz getImages with inputBox.value
+    but
+		very promptStr is "Enter a value"
+        plz alert with promptStr
+    wow
+wow

index.html

@@ -46,9 +46,13 @@ <h1>
             <div style="display:inline">
                 © Mike freeman
             </div>
+            <p>
+                Powered by <span style="text-align: right" class="rainbow-text">Dogescript</span>
+            </P>
         </footer>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
-        <script src="https://memetrash.co.uk/index.js"></script>
+        <script type="text/dogescript" src="https://memetrash.co.uk/index.djs"></script>
+        <script src="https://memetrash.co.uk/compileDJS.js"></script>
     </body>
 </html>

package.json

@@ -0,0 +1,15 @@
+{
+  "name": "meme-generator-web",
+  "version": "1.0.0",
+  "description": "",
+  "main": "compile.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepublish": "npm run-script build",
+    "build": "webpack -p"
+  },
+  "private": true,
+  "dependencies": {
+    "dogescript": "2.3.0"
+  }
+}

webpack.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  entry: './compile.js',
+  output: {
+    filename: './compileDJS.js'
+  },
+  resolve: {
+      extensions: ['', '.webpack.js', '.web.js', '.js', '.json']
+  }
+}