diff --git a/src/filesystem.js b/src/filesystem.js
index 0e54e0f..d262d0e 100644
--- a/src/filesystem.js
+++ b/src/filesystem.js
@@ -1,6 +1,8 @@
 const { convertFileSrc, invoke } = window.__TAURI__.core;
 const { readTextFile } = window.__TAURI__.fs;
 import { render_markdown } from "./main.js";
+
+var selected_file = "";
 export function handle_file_select(filename) {
   if (filename.endsWith("md")) {
     readTextFile(convertFileSrc(filename)).then(
@@ -8,11 +10,19 @@ export function handle_file_select(filename) {
         var tag_id = document.getElementById('markdown_input');
         tag_id.innerHTML = "<pre>".concat("", ret).concat("", "</pre>");
         render_markdown();
+        selected_file = filename;
       }
     );
   }
 }
 
+export function save_file() {
+  console.log(selected_file);
+}
+document.getElementById("save-file").onclick = function () {
+
+save_file();
+}
 function dropdown(id) {
   var dropdown_element = document.getElementById(id);
   var dropdown_children = dropdown_element.children;
diff --git a/src/images/save.svg b/src/images/save.svg
new file mode 100644
index 0000000..a04aa67
--- /dev/null
+++ b/src/images/save.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg" aria-labelledby="saveIconTitle" stroke="#000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" fill="none" color="#000000"> <title id="saveIconTitle">Save</title> <path d="M17.2928932,3.29289322 L21,7 L21,20 C21,20.5522847 20.5522847,21 20,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,4 C3,3.44771525 3.44771525,3 4,3 L16.5857864,3 C16.8510029,3 17.1053568,3.10535684 17.2928932,3.29289322 Z"/> <rect width="10" height="8" x="7" y="13"/> <rect width="8" height="5" x="8" y="3"/> </svg>
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index a1981ae..60702a3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -31,6 +31,9 @@
       <button class="topbar_button" id="hide-sidebar">
         <img class="topbar_icon" src="images/menu_button.svg" />
       </button>
+      <button class="topbar_button" id="save-file">
+        <img class="topbar_icon" src="images/save.svg" />
+      </button>
     </div>
     <div class="container">
       <div id="sidebar">
diff --git a/src/saving.js b/src/saving.js
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/src/saving.js
@@ -0,0 +1 @@
+
diff --git a/src/styles.css b/src/styles.css
index fe4634c..1a05e55 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -115,6 +115,12 @@ li {
   width: 100%;
 }
 
+.top-bar {
+
+  display: flex;
+  flex-direction: row;
+}
+
 .topbar_button {
   height: 2em;
   background-color: transparent;