<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, maximum-scale=1.0, user-scalable=no"
/>
<meta
name="description"
content="Daniel Hipskind - Software Engineer Portfolio"
/>
<meta name="author" content="Daniel Hipskind" />
<meta
name="keywords"
content="Daniel Hipskind, Software Developer, Full-Stack Developer, Portfolio, Projects, Skills, Web Development, JavaScript, React, Node.js, Express, MongoDB, CSS, HTML, Web Design, UI/UX, Frontend, Backend, Open Source, Software Engineer, Web Applications, Software Engineering, Tech Portfolio, Developer Portfolio, Software Projects, Programming Skills, Technical Skills, Professional Skills, Software Engineer"
/>
<meta name="theme-color" content="#0066cc" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="msapplication-TileColor" content="#0066cc" />
<meta
name="msapplication-TileImage"
content="/assets/images/DanielPortfolio.ico"
/>
<meta
name="msapplication-config"
content="/assets/images/DanielPortfolio.ico"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@DanielHipskind_" />
<meta
name="twitter:title"
content="Daniel Hipskind - Software Developer Portfolio"
/>
<meta
name="twitter:description"
content="Explore my projects and skills as a software developer."
/>
<meta name="twitter:image" content="/assets/images/DanielPortfolio.jpg" />
<meta name="twitter:image:alt" content="Portrait of Daniel Hipskind" />
<meta property="og:image:alt" content="Portrait of Daniel Hipskind" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="1024" />
<meta
property="og:title"
content="Daniel Hipskind - Software Developer Portfolio"
/>
<meta
property="og:description"
content="Explore my projects and skills as a software developer."
/>
<meta property="og:image" content="/assets/images/DanielPortfolio.jpg" />
<meta property="og:url" content="https://danielhipskind.com/" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Daniel Hipskind" />
<meta property="og:locale" content="en_US" />
<meta name="fediverse:creator" content="@danielhipskind@mastodon.social" />
<meta name="fediverse:site" content="https://danielhipskind.com" />
<meta
name="fediverse:site:icon"
content="/assets/images/DanielPortfolio.png"
/>
<meta name="fediverse:site:icon:type" content="image/png" />
<meta
name="fediverse:site:icon"
content="/assets/images/DanielPortfolio.png"
/>
<meta name="fediverse:site:icon:type" content="image/png" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Daniel Hipskind",
"url": "https://danielhipskind.com",
"sameAs": [
"https://github.com/greigh",
"https://linkedin.com/in/danielhipskind"
]
}
</script>
<!-- Add this before other styles -->
<style>
html {
visibility: hidden;
background: #1a1a1a;
}
</style>
<link rel="canonical" href="https://danielhipskind.com/" />
<meta name="robots" content="index, follow" />
<!-- Favicon -->
<link
rel="icon"
href="/assets/images/DanielPortfolio.png"
type="image/png"
sizes="32x32"
/>
<link
rel="icon"
href="/assets/images/DanielPortfolio.ico"
type="image/x-icon"
/>
<link
rel="shortcut icon"
href="/assets/images/DanielPortfolio.ico"
type="image/x-icon"
/>
<link
rel="apple-touch-icon"
href="/assets/images/DanielPortfolio.ico"
type="image/x-icon"
/>
<link rel="manifest" href="/assets/manifest.json" />
<meta name="apple-mobile-web-app-title" content="Daniel Hipskind" />
<!-- Fonts -->
<!-- Update preload directives -->
<link
rel="preload"
href="/assets/js/index.js"
as="script"
crossorigin="anonymous"
/>
<!-- Lightweight opt-in analytics loader (will only run if analytics_enabled=true) -->
<script type="2ec1ca3e6509486f4a86f880-text/javascript">
if (localStorage.getItem('analytics_enabled') === 'true') {
(function () {
// Placeholder: load analytics script dynamically (server-proxied recommended)
var s = document.createElement('script');
s.src = '/assets/js/analytics.js';
s.defer = true;
document.head.appendChild(s);
})();
}
</script>
<!-- Dev DX links: help/search/prefetch -->
<link rel="help" href="/contact" />
<link rel="search" href="/opensearch.xml" />
<link rel="prefetch" href="/callcenterhelper/" as="document" />
<!-- Styles -->
<link rel="stylesheet" href="/assets/css/main.css" type="text/css" />
<title>Daniel Hipskind | Software Engineer</title>
</head>
<body>
<noscript>
<style>
html {
visibility: visible;
}
</style>
<div class="noscript-msg" role="alert">
JavaScript is disabled — some features may not work.
</div>
</noscript>
<!-- Analytics opt-in banner mount point -->
<div id="analytics-optin-root"></div>
<!-- Navigation -->
<header>
<nav>
<div class="nav-container glass-effect">
<div class="nav-content">
<ul>
<li class="nav-button"><a href="#about">About</a></li>
<li class="nav-button"><a href="#projects">Projects</a></li>
<li class="nav-button"><a href="#skills">Skills</a></li>
</ul>
<button id="theme-toggle" aria-label="Toggle theme">
<!-- SVG icons will be injected by JavaScript -->
</button>
</div>
</div>
</nav>
</header>
<main>
<!-- Hero Section -->
<section id="hero">
<div class="hero-content">
<picture>
<source
srcset="/assets/images/DanielPortfolio.webp"
type="image/webp"
/>
<img
src="/assets/images/DanielPortfolio.jpg"
alt="Daniel Hipskind"
class="hero-img"
loading="eager"
decoding="async"
width="150"
height="150"
/>
</picture>
<h1>Daniel Hipskind</h1>
<p>Software Engineer</p>
</div>
</section>
<!-- About Section -->
<section id="about">
<div class="about-container">
<div class="about-content glass-effect">
<div class="about-text">
<div class="initial-content">
<p class="about-intro">Your intro text here</p>
<!-- Initial content paragraphs -->
</div>
<div class="expanded-content">
<!-- Expanded content paragraphs -->
</div>
<div class="about-gradient"></div>
<button class="read-more-btn">
Read More
<!-- SVG icon will be injected by JavaScript -->
</button>
</div>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="projects">
<h2>Projects</h2>
<div class="project-grid carousel-container">
<!-- Project cards will be injected by JavaScript -->
</div>
</section>
<!-- Skills Section -->
<section id="skills">
<h2>Skills</h2>
<div class="skills-container">
<div class="skills-group">
<h3>Technical Skills</h3>
<div class="skills-grid"></div>
</div>
<div class="skills-group">
<h3>Professional Skills</h3>
<div class="skills-grid"></div>
</div>
</div>
</section>
</main>
<a rel="me" href="https://mastodon.social/@danielhipskind"></a>
<!-- Footer -->
<footer class="glass-effect">
<div class="footer-content">
<div class="footer-social">
<!-- Social links -->
</div>
<div class="footer-tech">
<!-- Tech stack info -->
</div>
<div class="footer-copyright">
<!-- Copyright info -->
<!-- Build date intentionally omitted for main site -->
</div>
</div>
</footer>
<!-- javascript -->
<link rel="stylesheet" href="/assets/css/analytics-optin.css" />
<script src="/assets/js/analytics-optin.js" defer type="2ec1ca3e6509486f4a86f880-text/javascript"></script>
<script type="2ec1ca3e6509486f4a86f880-module" src="/assets/js/index.js"></script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2ec1ca3e6509486f4a86f880-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"201fc8a690104fd298a4e92d4de0cf0a","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'97ca68ca8908195c',t:'MTc1NzQ1OTk1NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>