diff --git a/data/html/style.css b/data/html/style.css
index d015801..5c5bde9 100644
--- a/data/html/style.css
+++ b/data/html/style.css
@@ -363,6 +363,18 @@ h1 .home-link:hover {
   scrollbar-width: thin;
 }
 
+.zoom-text-content.code-content {
+  background-color: var(--bg-primary);
+  border-color: var(--border-color);
+  overflow-x: auto;
+  white-space: pre;
+}
+
+.zoom-text-content.code-content code {
+  display: block;
+  white-space: pre;
+}
+
 .zoom-text-content::-webkit-scrollbar {
   width: 8px;
 }
@@ -393,7 +405,7 @@ h1 .home-link:hover {
   align-items: center;
   justify-content: center;
   z-index: 9999;
-  cursor: zoom-out;
+  cursor: default;
   padding: 20px;
   box-sizing: border-box;
 }
@@ -600,6 +612,18 @@ body.view-page {
   border: none;
 }
 
+.text-content-view.code-content {
+  background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
+  overflow-x: auto;
+  white-space: pre;
+}
+
+.text-content-view.code-content code {
+  display: block;
+  white-space: pre;
+}
+
 .text-content-view::-webkit-scrollbar {
   width: 8px;
 }
diff --git a/data/html/view.html b/data/html/view.html
index 288c8d6..8c24845 100644
--- a/data/html/view.html
+++ b/data/html/view.html
@@ -6,6 +6,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Black Hole Share - View</title>
   <link rel="stylesheet" href="/style.css">
+  <link rel="stylesheet"
+    href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/atom-one-dark.min.css">
 </head>
 
 <body class="view-page">
@@ -32,6 +34,7 @@
   <!-- Zoom overlay -->
   <div id="zoomOverlay" class="zoom-overlay" style="display: none;"></div>
 
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
   <script>
     const contentArea = document.getElementById('contentArea');
     const zoomOverlay = document.getElementById('zoomOverlay');
@@ -40,6 +43,28 @@
     const pathParts = window.location.pathname.split('/');
     const assetId = pathParts[pathParts.length - 1];
 
+    function escapeHtml(text) {
+      return text.replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+    }
+
+    function isCodeLike(text) {
+      const lines = text.split('\n');
+      if (lines.length < 2) {
+        return false;
+      }
+      const indicators = [
+        /;\s*$/,
+        /^\s*(fn|function|class|def|public|private|struct|enum|pub\s+struct)\b/,
+        /^\s*#\[/,
+        /=>|::|#include|import\s+\w+/,
+        /\{|\}|\(|\)|\[|\]/,
+      ];
+      const indicatorHits = indicators.reduce((count, re) => count + (re.test(text) ? 1 : 0), 0);
+      return indicatorHits >= 2;
+    }
+
     async function loadContent() {
       try {
         const response = await fetch(`/api/content/${assetId}`);
@@ -82,12 +107,23 @@
         } else if (contentType.startsWith('text/')) {
           // Display text
           const text = await response.text();
-          contentArea.innerHTML = `<div class="text-content-view" style="cursor: zoom-in;">${text.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</div>`;
+          const safeText = escapeHtml(text);
+          const isCode = isCodeLike(text);
+          const textHtml = isCode
+            ? `<pre class="text-content-view code-content"><code>${safeText}</code></pre>`
+            : `<div class="text-content-view">${safeText}</div>`;
+
+          contentArea.innerHTML = textHtml;
+          if (isCode && window.hljs) {
+            contentArea.querySelectorAll('pre code').forEach((block) => {
+              window.hljs.highlightElement(block);
+            });
+          }
 
           const textContent = contentArea.querySelector('.text-content-view');
           textContent.addEventListener('click', function (e) {
             e.stopPropagation();
-            showZoom(text, true);
+            showZoom(text, true, isCode);
           });
         } else {
           contentArea.innerHTML = '<p class="error">Unsupported content type</p>';
@@ -99,11 +135,19 @@
       }
     }
 
-    function showZoom(content, isText = false) {
+    function showZoom(content, isText = false, isCode = false) {
       if (isText) {
-        zoomOverlay.innerHTML = `
-          <div class="zoom-text-content">${content.replace(/</g, '&lt;').replace(/>/g, '&gt;')}</div>
-        `;
+        const safeText = escapeHtml(content);
+        const zoomClass = isCode ? 'zoom-text-content code-content' : 'zoom-text-content';
+        const zoomHtml = isCode
+          ? `<pre class="${zoomClass}"><code>${safeText}</code></pre>`
+          : `<div class="${zoomClass}">${safeText}</div>`;
+        zoomOverlay.innerHTML = zoomHtml;
+        if (isCode && window.hljs) {
+          zoomOverlay.querySelectorAll('pre code').forEach((block) => {
+            window.hljs.highlightElement(block);
+          });
+        }
       } else {
         zoomOverlay.innerHTML = `<img id="zoomImage" src="${content}" alt="Zoomed Content" 
           style="max-width: 95vw; max-height: 95vh; object-fit: contain; box-shadow: 0 0 50px rgba(51, 204, 255, 0.5);">`;
@@ -115,8 +159,6 @@
       zoomOverlay.style.display = 'none';
     }
 
-    zoomOverlay.addEventListener('click', hideZoom);
-
     document.addEventListener('keydown', function (e) {
       if (e.key === 'Escape' || e.key === 'Esc') {
         hideZoom();
diff --git a/src/data_mgt.rs b/src/data_mgt.rs
index b80815e..0abef20 100644
--- a/src/data_mgt.rs
+++ b/src/data_mgt.rs
@@ -7,7 +7,6 @@ use futures::lock::Mutex;
 use serde::{Deserialize, Serialize};
 use serde_json::Value;
 
-use crate::DATA_STORAGE;
 use crate::logs::{LogEventType, log_event};
 
 #[derive(Debug, Serialize, Deserialize, Clone, Default)]
@@ -87,13 +86,13 @@ impl Asset {
         serde_json::to_value(self).unwrap_or(Value::Null)
     }
 
-    pub fn save(&self) -> Result<String> {
-        let id = self.id.clone();
-        let path = format!("{}{}", DATA_STORAGE, self.id);
-        std::fs::create_dir_all(DATA_STORAGE)?;
-        std::fs::write(&path, self.to_bytes()?)?;
-        Ok(id)
-    }
+    // pub fn save(&self) -> Result<String> {
+    //     let id = self.id.clone();
+    //     let path = format!("{}{}", DATA_STORAGE, self.id);
+    //     std::fs::create_dir_all(DATA_STORAGE)?;
+    //     std::fs::write(&path, self.to_bytes()?)?;
+    //     Ok(id)
+    // }
 }
 
 #[derive(Clone)]
diff --git a/src/logs.rs b/src/logs.rs
index 5f28f08..e0c4fc7 100644
--- a/src/logs.rs
+++ b/src/logs.rs
@@ -4,7 +4,7 @@ use actix_web::HttpRequest;
 use serde::{Deserialize, Serialize};
 use serde_json::Value;
 
-use crate::LOG_DIR;
+use crate::{LOG_DIR, LOG_FILE_NAME};
 
 #[derive(Debug, Serialize, Deserialize)]
 pub struct LogHttpRequest {
@@ -68,7 +68,7 @@ impl From<LogEventType> for LogEvent {
 }
 
 pub fn log_event(event: LogEventType) {
-    let log_path = LOG_DIR.to_string() + "access.log";
+    let log_path = LOG_DIR.to_string() + LOG_FILE_NAME;
 
     let Ok(mut file) = OpenOptions::new().create(true).append(true).open(log_path) else {
         eprintln!("failed to open log file for asset event");
diff --git a/src/main.rs b/src/main.rs
index 7424b94..0f084f2 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -13,7 +13,7 @@ use std::{env, fs, path::PathBuf, sync::LazyLock};
 
 pub static HTML_DIR: &str = "data/html/";
 pub static LOG_DIR: &str = "data/logs/";
-pub static DATA_STORAGE: &str = "data/storage/";
+pub static LOG_FILE_NAME: &str = "log.txt";
 
 pub static BIND_ADDR: LazyLock<String> = LazyLock::new(|| match env::var("BIND_ADDR") {
     Ok(addr) => {
@@ -88,8 +88,8 @@ async fn catch_all(req: HttpRequest, _payload: Option<web::Json<Value>>) -> acti
 
 #[actix_web::main]
 async fn main() -> std::io::Result<()> {
-    let _ = fs::create_dir_all(DATA_STORAGE);
     let _ = fs::create_dir_all(LOG_DIR);
+    let _ = fs::remove_file(format!("{}{}", LOG_DIR, LOG_FILE_NAME));
 
     let assets = data_mgt::AssetTracker::new();
 
