index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Primary Meta -->
  <title>Thanas R</title>
  <meta name="description" content="Developer, freelancer & OSS contributer. Building cool stuff and figuring things out as I go">
  <meta name="author" content="Thanas R" />
  <meta name="publisher" content="Thanas R" />
  <meta name="application-name" content="Thanas R" />
  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
  <link rel="canonical" href="https://thanas.dev/" />
  
  <!-- Force site name over platform name -->
  <meta name="msapplication-tooltip" content="Thanas R" />

  <!-- Alternate names for search -->
  <meta name="keywords" content="Thanas R, Thanas, Thanas Ramesh, software developer, UI UX designer, web developer, data analyst, aspiring ML engineer, Bengaluru developer, thanasos, thanos, thanas-ramesh, thanasramesh, thanasr, thanas-r,Thanass PES University, PESU Innovation Lab, QSG Technologies, askBookie, PESU-Forge, PESU MINECRAFT, PESU-MC, Smart-chef, spheal, askPESU, Nautilus, Odin Tree, Virdis, ThanasOS, portfolio, projects, blogs, resume" />

  <!-- Favicons -->
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Thanas" />
<link rel="manifest" href="/site.webmanifest" />

  <!-- Open Graph -->
  
  
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://thanas.dev/" />
  <meta property="og:site_name" content="Thanas R" />
  <meta property="og:image" content="https://thanas.dev/profile.png">
  <meta property="og:image:width" content="512" />
  <meta property="og:image:height" content="512" />
  <meta property="og:image:alt" content="Thanas R - Profile" />
  <meta property="og:locale" content="en_US" />

  <!-- Twitter -->
  <meta name="twitter:card" content="summary" />
  
  
  <meta name="twitter:image" content="https://thanas.dev/profile.png?v=2">

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Droid+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Kalam:wght@400;700&family=Caveat:wght@400;700&family=Capriola&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link
  href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap"
  rel="stylesheet"
/>
  
  <!-- JSON-LD: Person (rich knowledge panel) -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "name": "Thanas R",
    "alternateName": ["Thanas", "Thanas Ramesh", "DarkSpacePirate", "thanas.dev", "Thanas-r", "dark-vecto", "thanas007", "Thanas-Ramesh","DSP","thanasr"],
    "url": "https://thanas.dev/",
    "image": "https://thanas.dev/profile.png",
    "description": "Developer & creative problem-solver. Building thoughtful digital experiences with code.",
    "jobTitle": ["Software Developer", "UI/UX Designer", "Web Developer", "Data Analyst"],
    "knowsAbout": ["Software Development", "UI/UX Design", "Web Development", "Data Analysis", "Machine Learning", "Frontend Development", "Full-stack Development", "AI/ML"],
    "homeLocation": {
      "@type": "Place",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Bengaluru",
        "addressRegion": "Karnataka",
        "addressCountry": "IN"
      }
    },
    "studentOf": {
      "@type": "CollegeOrUniversity",
      "name": "PES University",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Bengaluru",
        "addressCountry": "IN"
      }
    },
    "affiliation": [
      { "@type": "Organization", "name": "PES University" }
    ],
    "hasOccupation": [
  {
    "@type": "Occupation",
    "name": "Intern",
    "hiringOrganization": {
      "@type": "Organization",
      "name": "PESU Innovation Lab"
    }
  },
  {
    "@type": "Occupation",
    "name": "Intern",
    "hiringOrganization": {
      "@type": "Organization",
      "name": "QSG Technologies"
    }
  }
],
    "memberOf": [
      { "@type": "Organization", "name": "PESU Innovation Lab" },
      { "@type": "Organization", "name": "QSG Technologies" }
    ],
    "sameAs": [
        "https://www.linkedin.com/in/thanasr/",
        "https://github.com/Thanas-R",
        "https://thanas.medium.com/",
        "https://huggingface.co/Thanas-R",
        "https://in.pinterest.com/thanas007/",
        "https://www.instagram.com/thanas007/",
        "https://www.reddit.com/user/DarkSpacePirate007/",
        "https://x.com/thanas007"
    ]
  }
  </script>

  <!-- JSON-LD: WebSite with sitelinks searchbox -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Thanas R",
    "alternateName": ["Thanas", "Thanas Ramesh", "DarkSpacePirate", "thanas.dev", "Thanas-r", "dark-vecto", "thanas007", "Thanas-Ramesh","DSP","thanasr"],
    "url": "https://thanas.dev/",
    "description": "Developer, Freelancer & OSS contributer. Building cool stuff and figuring things out as I go",
    "publisher": {
      "@type": "Person",
      "name": "Thanas R",
      "image": "https://thanas.dev/profile.png",
      "url": "https://thanas.dev/",
      "sameAs": [
        "https://www.linkedin.com/in/thanasr/",
        "https://github.com/Thanas-R",
        "https://thanas.medium.com/",
        "https://huggingface.co/Thanas-R",
        "https://in.pinterest.com/thanas007/",
        "https://www.instagram.com/thanas007/",
        "https://www.reddit.com/user/DarkSpacePirate007/",
        "https://x.com/thanas007"
      ]
    }
  }
  </script>

  <!-- JSON-LD: SiteNavigationElement for Google sitelinks -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ItemList",
    "itemListElement": [
      {
        "@type": "SiteNavigationElement",
        "position": 1,
        "name": "Projects",
        "description": "View all projects built by Thanas R",
        "url": "https://thanas.dev/projects"
      },
      {
        "@type": "SiteNavigationElement",
        "position": 2,
        "name": "Blogs",
        "description": "Read articles and blog posts by Thanas R",
        "url": "https://thanas.dev/blogs"
      },
      {
        "@type": "SiteNavigationElement",
        "position": 3,
        "name": "Resume",
        "description": "View and download the resume of Thanas R",
        "url": "https://thanas.dev/resume"
      },
      {
        "@type": "SiteNavigationElement",
        "position": 4,
        "name": "Contact",
        "description": "Get in touch with Thanas R",
        "url": "https://thanas.dev/#contact"
      }
    ]
  }
  </script>


  <!-- JSON-LD: ProfilePage -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "ProfilePage",
    "mainEntity": {
      "@type": "Person",
      "name": "Thanas R",
      "alternateName": ["Thanas", "Thanas Ramesh", "DarkSpacePirate", "thanas.dev", "Thanas-r", "dark-vecto", "thanas007", "Thanas-Ramesh","DSP","thanasr"],
      "url": "https://thanas.dev/",
      "image": "https://thanas.dev/profile.png",
      "sameAs": [
        "https://www.linkedin.com/in/thanasr/",
        "https://github.com/Thanas-R",
        "https://thanas.medium.com/",
        "https://huggingface.co/Thanas-R",
        "https://in.pinterest.com/thanas007/",
        "https://www.instagram.com/thanas007/",
        "https://www.reddit.com/user/DarkSpacePirate007/",
        "https://x.com/thanas007"
      ]
    }
  }
  </script>
  <meta property="og:title" content="Thanas R">
  <meta name="twitter:title" content="Thanas R">
  <meta property="og:description" content="Developer, Freelancer & OSS contributer. Building cool stuff and figuring things out as I go">
  <meta name="twitter:description" content="Developer, Freelancer & OSS contributer. Building cool stuff and figuring things out as I go">
</head>

<body>
<div id="root"></div>
  <noscript>
    <header>
      <h1>Thanas R - Software Developer, UI/UX Designer, Web Developer & Data Analyst</h1>
      <p><strong>Thanas R</strong> (also known as <em>Thanas</em> or <em>Thanas Ramesh</em>) is a Bengaluru-based software developer, UI/UX designer, web developer and data analyst, and an aspiring ML engineer. Student at <strong>PES University</strong>, intern at <strong>PESU Innovation Lab</strong> and <strong>QSG Technologies</strong>. Official portfolio at <a href="https://thanas.dev/">thanas.dev</a>. Connect on <a href="https://www.linkedin.com/in/thanasr/" rel="me noopener">LinkedIn</a>.</p>
      <nav aria-label="Primary">
        <a href="/">Home</a> ·
        <a href="/projects">Projects by Thanas R</a> ·
        <a href="/blogs">Blogs by Thanas R</a> ·
        <a href="/resume">Resume of Thanas R</a> ·
        <a href="/#contact">Contact Thanas R</a>
      </nav>
    </header>
    <main>
      <section>
        <h2>About Thanas R</h2>
        <p>Thanas R (Thanas Ramesh) is a Bengaluru-based software developer, UI/UX designer, web developer and data analyst, aspiring to become an ML engineer. He is a student at <strong>PES University</strong>, Bengaluru, and is currently interning at <strong>PESU Innovation Lab</strong> and <strong>QSG Technologies</strong>. He works across software engineering, AI/ML, full-stack and web development, data analysis, and UI/UX design, building production apps, research projects, and open-source tools.</p>
      </section>
      <section>
        <h2>Experience</h2>
        <ul>
          <li>Intern, <strong>PESU Innovation Lab</strong> - Bengaluru, India</li>
          <li>Intern, <strong>QSG Technologies</strong> - Bengaluru, India</li>
          <li>Student, <strong>PES University</strong> - Bengaluru, India</li>
        </ul>
      </section>
      <section>
        <h2>Projects by Thanas R</h2>
        <ul>
<li><a href="/projects/nautilus">Nautilus - AI knowledge tool with mindmaps, encoders and neural networking by Thanas R</a></li>
<li><a href="/projects/virdis">Virdis - AI farm mapping and crop analytics by Thanas R</a></li>
<li><a href="/projects/thanas-os">ThanasOS - web macOS recreation by Thanas R</a></li>
<li><a href="/projects/askpesu">askPESU - AI assistant for PES University students by Thanas R</a></li>
<li><a href="/projects/odin-tree">Odin Tree - flowchart and graphing tool by Thanas R</a></li>
<li><a href="/projects/askbookie">AskBookie - document Q and A tool by Thanas R</a></li>
<li><a href="/projects/pesu-mc">PESU MC - Minecraft server platform by Thanas R</a></li>
<li><a href="/projects/smartchef">Smart-Chef - recipe recommendation engine by Thanas R</a></li>
<li><a href="/projects/contour-flow">Contour Flow - real time topographic animation by Thanas R</a></li>
<li><a href="/projects/spheal">Spheal - AI travel planner by Thanas R</a></li>
<li><a href="/projects/pesu-forge">PESU Forge - AI study tool by Thanas R</a></li>
        </ul>
        <p><a href="/projects">View all projects by Thanas R →</a></p>
      </section>
      <section>
        <h2>Blogs by Thanas R</h2>
        <p>Thanas R writes about development, AI, design, and creative problem-solving. Read articles on <a href="https://thanas.medium.com/" rel="me">Medium (@thanas)</a> or on the <a href="/blogs">site blog</a>.</p>
      </section>
      <section>
        <h2>Resume</h2>
        <p>View and download the <a href="/resume">resume of Thanas R</a> for full work history, education at PES University, and projects.</p>
      </section>
      <section>
        <h2>Find Thanas R online</h2>
        <ul>
          <li><a href="https://www.linkedin.com/in/thanasr/" rel="me noopener">LinkedIn - linkedin.com/in/thanasr</a></li>
          <li><a href="https://github.com/Thanas-R" rel="me noopener">GitHub - github.com/Thanas-R</a></li>
          <li><a href="https://thanas.medium.com/" rel="me noopener">Medium - thanas.medium.com</a></li>
          <li><a href="https://discord.com/users/677174403859087378" rel="me noopener">Discord - @darkspacepirate</a></li>
          <li><a href="mailto:thanas5.rd@gmail.com">Email - thanas5.rd@gmail.com</a></li>
          <li><a href="https://huggingface.co/Thanas-R" rel="me noopener">Hugginface - Thanas-R</a></li>
          <li><a href="https://in.pinterest.com/thanas007/" rel="me noopener">Pinterest- Thanas007</a></li>


        </ul>
      </section>
      <section>
        <h2>Contact Thanas R</h2>
        <p>To get in touch with Thanas R, use the <a href="/#contact">contact page</a>, connect on <a href="https://www.linkedin.com/in/thanasr/" rel="me noopener">LinkedIn</a>, or email <a href="mailto:thanas5.rd@gmail.com">thanas5.rd@gmail.com</a>.</p>
      </section>
    </main>
    <footer>
      <p>© Thanas R · <a href="/sitemap.xml">Sitemap</a> · <a href="/humans.txt">humans.txt</a></p>
    </footer>
  </noscript>
  <script type="module" src="/src/main.tsx"></script>
</body>
</html>