diff --git a/public/index.html b/public/index.html
index 456433c..ca04a48 100644
--- a/public/index.html
+++ b/public/index.html
@@ -31,7 +31,8 @@
 			<button id="whiteboardTrashBtn" title="Clear the whiteboard" type="button" class="whiteboardBtn">
 				<i class="fa fa-trash"></i>
 			</button>
-			<button style="position:absolute; left:0px; top:0px; width: 46px; display:none;" id="whiteboardTrashBtnConfirm" title="Confirm clear..." type="button" class="whiteboardBtn">
+			<button style="position:absolute; left:0px; top:0px; width: 46px; display:none;"
+				id="whiteboardTrashBtnConfirm" title="Confirm clear..." type="button" class="whiteboardBtn">
 				<i class="fa fa-check"></i>
 			</button>
 			<button id="whiteboardUndoBtn" title="Undo your last step" type="button" class="whiteboardBtn">
@@ -43,13 +44,15 @@
 			<button tool="mouse" title="Take the mouse" type="button" class="whiteboardTool">
 				<i class="fa fa-mouse-pointer"></i>
 			</button>
-			<button style="padding-bottom: 11px;" tool="recSelect" title="Select an area" type="button" class="whiteboardTool">
+			<button style="padding-bottom: 11px;" tool="recSelect" title="Select an area" type="button"
+				class="whiteboardTool">
 				<img src="./img/dottedRec.png">
 			</button>
 			<button tool="pen" title="Take the pen" type="button" class="whiteboardTool active">
 				<i class="fa fa-pencil-alt"></i>
 			</button>
-			<button style="padding-bottom: 8px; padding-top: 7px;" tool="line" title="draw a line" type="button" class="whiteboardTool">
+			<button style="padding-bottom: 8px; padding-top: 7px;" tool="line" title="draw a line" type="button"
+				class="whiteboardTool">
 				╱
 			</button>
 			<button tool="rect" title="draw a rectangle" type="button" class="whiteboardTool">
@@ -67,37 +70,55 @@
 		</div>
 
 		<div style="position:relative; width: 190px;  height: 44px; border: 1px solid green;" class="btn-group">
-			<div class="activeToolIcon" style="position:absolute; top:2px; left:2px; font-size: 0.6em;"><i class="fa fa-pencil-alt"></i></div>
-			<img style="position: absolute; left: 11px; top: 16px; height:14px; width:130px;" src="./img/slider-background.svg">
-			<input title="Thickness" id="whiteboardThicknessSlider" style="position: absolute; left:9px; width: 130px; top: 15px;"
-			 type="range" min="1" max="50" value="3">
-			<div title="Colorpicker" style="position: absolute; left: 155px; top: 10px; width: 26px; height: 23px; border-radius: 3px; overflow: hidden; border: 1px solid darkgrey;">
-				<div id="whiteboardColorpicker" value="#000000" style="width: 40px; height: 35px; border: 0px; padding: 0px; position: relative; top: 0px; left: -5px;"></div>
+			<div class="activeToolIcon" style="position:absolute; top:2px; left:2px; font-size: 0.6em;"><i
+					class="fa fa-pencil-alt"></i></div>
+			<img style="position: absolute; left: 11px; top: 16px; height:14px; width:130px;"
+				src="./img/slider-background.svg">
+			<input title="Thickness" id="whiteboardThicknessSlider"
+				style="position: absolute; left:9px; width: 130px; top: 15px;" type="range" min="1" max="50" value="3">
+			<div title="Colorpicker"
+				style="position: absolute; left: 155px; top: 10px; width: 26px; height: 23px; border-radius: 3px; overflow: hidden; border: 1px solid darkgrey;">
+				<div id="whiteboardColorpicker" value="#000000"
+					style="width: 40px; height: 35px; border: 0px; padding: 0px; position: relative; top: 0px; left: -5px;">
+				</div>
 			</div>
 		</div>
 
 		<div class="btn-group">
 			<button id="saveAsImageBtn" title="Save whiteboard as image" type="button" class="whiteboardBtn">
 				<i class="fas fa-image"></i>
-				<i style="position: absolute; top: 3px; left: 2px; color: #000000; background: grey; font-size: 0.5em; " class="fas fa-save"></i>
+				<i style="position: absolute; top: 3px; left: 2px; color: #000000; background: grey; font-size: 0.5em; "
+					class="fas fa-save"></i>
 			</button>
-			<button style="position: relative;" id="saveAsJSONBtn" title="Save whiteboard as JSON" type="button" class="whiteboardBtn">
+			<button style="position: relative;" id="saveAsJSONBtn" title="Save whiteboard as JSON" type="button"
+				class="whiteboardBtn">
 				<i class="far fa-file-alt"></i>
-				<i style="position: absolute; top: 3px; left: 2px; color: #000000; background: grey; font-size: 0.5em; " class="fas fa-save"></i>
+				<i style="position: absolute; top: 3px; left: 2px; color: #000000; background: grey; font-size: 0.5em; "
+					class="fas fa-save"></i>
 			</button>
 		</div>
 
 		<div class="btn-group">
 			<button id="addImgToCanvasBtn" title="Upload Image to whiteboard" type="button" class="whiteboardBtn">
 				<i class="fas fa-image"></i>
-				<i style="position: absolute; top: 3px; left: 2px; color: #000000; font-size: 0.5em; " class="fas fa-upload"></i>
+				<i style="position: absolute; top: 3px; left: 2px; color: #000000; font-size: 0.5em; "
+					class="fas fa-upload"></i>
 			</button>
-			<button style="position: relative;" id="uploadJsonBtn" title="Load saved JSON to whiteboard" type="button" class="whiteboardBtn">
+			
+			<button style="position: relative;" id="uploadJsonBtn" title="Load saved JSON to whiteboard" type="button"
+				class="whiteboardBtn">
+				
 				<i class="far fa-file-alt"></i>
-				<i style="position: absolute; top: 3px; left: 2px; color: #000000; font-size: 0.5em; " class="fas fa-upload"></i>
+				<i style="position: absolute; top: 3px; left: 2px; color: #000000; font-size: 0.5em; "
+					class="fas fa-upload"></i>
+			</button>
+			<input style="display:none;" id="myFile" type="file"/>
+
+			<button id="shareWhiteboardBtn" title="share whiteboard" type="button">
+				<i class="fas fa-share-square"></i>
 			</button>
-			<input style="display:none;" id="myFile" type="file" />
 		</div>
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/public/js/main.js b/public/js/main.js
index 562eadc..95acde8 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -148,6 +148,22 @@ $(document).ready(function () {
     $("#uploadJsonBtn").click(function () {
         $("#myFile").click();
     });
+    
+    $("#shareWhiteboardBtn").click(function () {
+        var url = window.location.href;
+        var s = url.indexOf("&username=")!==-1 ? "&username=" : "username="; //Remove username from url
+        var urlSlpit = url.split(s);
+        var urlStart = urlSlpit[0];
+        if(urlSlpit.length>1) {
+            var endSplit = urlSlpit[1].split("&");
+            endSplit = endSplit.splice(1, 1);
+            urlStart += "&"+endSplit.join("&");
+        }
+        $("<textarea/>").appendTo("body").val(urlStart).select().each(function () {
+            document.execCommand('copy');
+        }).remove();
+        alert("Copied Whiteboard-URL to clipboard.")
+    });
 
     // load json to whiteboard
     $("#myFile").on("change", function () {