Fix generated links

src/components/CreateLinkTile.scss

@@ -14,6 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+@import '../color-scheme';
+
 .createLinkTile {
     background: none;
 
@@ -29,4 +31,8 @@ limitations under the License.
         align-self: center;
         padding: 0 30px;
     }
+
+    > a {
+        color: $foreground;
+    }
 }

src/components/CreateLinkTile.tsx

@@ -21,7 +21,6 @@ import Tile from './Tile';
 import Button from './Button';
 import TextButton from './TextButton';
 import Input from './Input';
-
 import { parseHash } from '../parser/parser';
 import { LinkKind } from '../parser/types';
 
@@ -68,7 +67,7 @@ const LinkNotCreatedTile: React.FC<ILinkNotCreatedTileProps> = (
                         document.location.protocol +
                             '//' +
                             document.location.host +
-                            '/' +
+                            '/#/' +
                             values.identifier
                     );
                 }}
@@ -106,7 +105,9 @@ const LinkCreatedTile: React.FC<ILinkCreatedTileProps> = (props) => {
             <TextButton onClick={(): void => props.setLink('')}>
                 Create another lnk
             </TextButton>
-            <h1>{props.link}</h1>
+            <a href={props.link}>
+                <h1>{props.link}</h1>
+            </a>
             <Button
                 flashChildren={'Copied'}
                 onClick={(): void => {