diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..f5dac9a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+.DS_[Ss]tore
+.jekyll-cache
+.jekyll-metadata
+_site
\ No newline at end of file
diff --git a/dsidev/nsfw.html b/dsidev/nsfw.html
new file mode 100644
index 0000000..39c0127
--- /dev/null
+++ b/dsidev/nsfw.html
@@ -0,0 +1,321 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Index | rmc's site</title>
+    <link rel="icon" type="image/png" href="/icon.png"/>
+    <link rel="stylesheet" type="text/css" href="/assets/css/styledsi.css">
+    <link id="pagestyle" rel="stylesheet" type="text/css" href="">
+    <link rel="alternate" type="application/atom+xml" href="https://ianskinner1982.github.io/feed.xml">
+    <script src="/assets/bootstrap/js/bootstrap.bundle.js"></script>
+    <script src="/assets/js/main.js"></script>
+    
+      <meta property="og:title" content="Index">
+    
+    <meta property="og:locale" content="en_US">
+    <meta name="description" content="Index | rmc's site">
+    <meta property="og:description" content="Index | rmc's site">
+    <link rel="canonical" href="https://ianskinner1982.github.io">
+    <meta property="og:url" content="https://ianskinner1982.github.io">
+    <meta property="og:site_name" content="rmc's site">
+    
+      <meta property="og:image" content="https://ianskinner1982.github.io/icon.png">
+    
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+    <style>
+body {
+  background-image: url('/assets/dsi/background.jpg');
+}
+.nav ul {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  padding-left: 3.5%;
+/*  overflow: hidden; */
+}
+.navstd {
+  float: left;
+}
+.navalt {
+  float: right;
+}
+.container {
+    position: relative;
+}
+.imageOne {
+    z-index: 0;
+}
+.imageTwo {
+    z-index: 1;
+}
+.imageThree {
+  z-index: 2;
+}
+.imageFour {
+  z-index: 3;
+}
+.image {
+    position: absolute;
+    width: 100px;
+    height: 100px;
+}
+.navimgoverlay {
+  opacity: 0.0;
+  text-align: center;
+  float: left;
+  padding-top: .6vw;
+  width: 6vw;
+  height: auto;
+}
+.navimgoverlay:hover {
+  opacity: 1.0;
+  width: 6vw;
+}
+.navimg {
+  text-align: center;
+  float: left;
+  padding-top: .6vw;
+  width: 6vw;
+  height: auto;
+}
+.navicon {
+  text-align: center;
+  float: left;
+  padding-top: 2.1vw;
+  padding-left: 1.38vw;
+  width: 3.2vw;
+  height: auto;
+}
+.navedge {
+  text-align: center;
+  float: left;
+  margin: 1%;
+  width: 1.5vw;
+  height: auto;
+}
+.navpadding li {
+  padding-top: 1.5%;
+}
+.image2 {
+    position: absolute;
+    border-color: #FFFFFF
+    width: auto;
+    height: auto;
+}
+.image3 {
+  position: relative;
+    border-color: #FFFFFF
+    width: auto;
+    height: auto;
+}
+.text {
+    position: absolute;
+    text-align: left;
+    border-color: #FFFFFF;
+    font-size: 30px;
+    font-size: 1vw;
+    padding-top: 2.2vw;
+    padding-left: 6.2vw;
+}
+.icon {
+    padding-top:2.2vw;
+    margin-left: -9.3vw;
+    z-index: 2;
+}
+.titleimgoverlay {
+  margin: 0% 2% 0%;
+  opacity: 0.0;
+  text-align: center;
+  float: left;
+  width: 16vw;
+  height: auto;
+}
+.titleimgoverlay:hover {
+  opacity: 1.0;
+}
+.titleimg {
+  margin: 0% 2% 0%;
+  text-align: center;
+  float: left;
+  width: 16vw;
+  height: auto;
+  margin-bottom: 10vw;
+}
+.titleedge {
+  text-align: center;
+  float: left;
+  margin: 1%;
+  width: 18vw;
+  height: auto;
+}
+.titlepadding li {
+  padding-top: 1.5%;
+  margin: 0% 2% 0%
+}
+.homeimg {
+  margin: 6% 5% 0%;
+  text-align: center;
+  float: right;
+  width: 16vw;
+  height: auto;
+  margin-bottom: 5vw;
+}
+.hometext {
+    position: absolute;
+    text-align: center;
+    border-color: #FFFFFF;
+    font-size: 40px;
+    font-size: 1.1vw;
+}
+.homeicon {
+    padding-top: 6.99vw;
+    margin-left: -1.59vw;
+    z-index: 2;
+}
+.othertext {
+    position: absolute;
+    text-align: left;
+    border-color: #FFFFFF;
+    font-size: 40px;
+    font-size: 1.2vw;
+    padding-top: 1vw;
+    padding-left: 1.2vw;
+}
+</style>
+<div class="nav">
+    <nav>
+        <ul>
+            <li class="navedge"><img src="/assets/dsi/leftbracket.png" style="width:1.5vw;height:auto;margin:auto;"/></li>
+            <div class="navpadding">
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
+                <div class="imageTwo image"><img src="/assets/dsi/icon/back.png" class="navicon"></div>
+                <div class="imageThree image"><a href="/"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
+                <div class="imageTwo image"><img src="/assets/dsi/icon/home.png" class="navicon"></div>
+                <div class="imageThree image"><a href="/dsi.html"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
+                <div class="imageTwo image"><img src="/assets/dsi/icon/twldevapps.png" class="navicon"></div>
+                <div class="imageThree image"><a href="/dsidev/"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
+                <div class="imageTwo image"><img src="/assets/dsi/icon/devshop.png" class="navicon"></div>
+                <div class="imageThree image"><a href="/dsidev/dsishop/startup.html"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
+                <div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
+                <div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
+                <div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
+                <div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
+                <div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
+                <div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
+                <div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/box.png" class="navimg"></div>
+                <div class="imageThree image"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
+                <div class="imageTwo image"><img src="/assets/dsi/icon/discord.png" class="navicon"></div>
+                <div class="imageThree image"><a href="https://discord.gg/XZxxZngwDQ"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
+                </div>
+                </li>
+                <li class="navimg">
+                <div class="container">
+                <div class="imageOne image"><img src="/assets/dsi/boxfull.png" class="navimg"></div>
+                <div class="imageTwo image"><img src="/assets/dsi/icon/github.png" class="navicon"></div>
+                <div class="imageThree image"><a href="https://github.com/IanSkinner1982/ianskinner1982.github.io/"><img src="/assets/dsi/boxoverlay.png" class="navimgoverlay"></a></div>
+                </div>
+                </li>
+                </div>
+            <li class="navedge"><img src="/assets/dsi/rightbracket.png" style="width:1.5vw;height:auto;margin:auto;"/></li>
+        </ul>
+    </nav>
+</div>
+
+    <div id="content-wrap">
+    <style>
+  .float-container {
+    border: 0px solid #fff;
+    font-size: 0;
+  }
+
+  .float-child1 {
+    width: 40%;
+    height: 40%;
+    float: left;
+    padding: 1vw;
+  }
+
+  .float-child2 {
+    width: 20%;
+    height: 40%;
+    float: right;
+    padding: 1vw;
+  }
+</style>
+
+<center><img src="/assets/other/88b840_5492031-3346310675.jpg"/></center>
+
+    </div>
+  </body>
+  <footer>
+  <br><br><br><footer class="bg-light text-lg-start border-top align-items-center text-center" style="text-align:center;">
+    <div class="text-center p-3 align-items-center" style="font-size: 8px;">
+        Copyright &copy; 2021-<span id="footerDate"></span> Ian M. Skinner <a href="/contactus" class="text-reset fw-bold">Contact me.</a>
+    </div>
+</footer>
+
+  </footer>
+</html>
