buildHtml
baseUrl https://cosmosscroll.pub
metaTags
editButton /edit.html
title Interstellar Portfolio | Cosmos
style.css

header
 class cosmic-header
 div
  class stars
  div
   class shooting-star
 div
  class header-content
  h1 Explore My Cosmic Journey
  p Web Developer & Space Enthusiast
  a View Projects
   class cosmic-button
   href #projects
main
 section
  id about
  class nebula-section
  div
   class section-content
   h2 About Me
   p I'm a developer with a passion for creating web experiences that feel out of this world. My work combines technical precision with cosmic inspiration.
   div
    class skills-container
    div
     class skill
     h3 HTML/CSS/JS
     div
      class skill-bar
      div
       class skill-level
       style width:95%
    div
     class skill
     h3 UI/UX Design
     div
      class skill-bar
      div
       class skill-level
       style width:85%
    div
     class skill
     h3 Space Exploration
     div
      class skill-bar
      div
       class skill-level
       style width:100%
 section
  id projects
  class galaxy-section
  h2 Cosmic Projects
  div
   class project-grid
   div
    class project-card
    div
     class project-image
     style background-image:url('/images/project1.jpg')
    h3 Stellar Navigation
    p An interactive star map using WebGL
    a View Project
     href #
   div
    class project-card
    div
     class project-image
     style background-image:url('/images/project2.jpg')
    h3 Nebula UI Kit
    p A design system inspired by deep space
    a View Project
     href #
   div
    class project-card
    div
     class project-image
     style background-image:url('/images/project3.jpg')
    h3 Exoplanet Explorer
    p Visualizing newly discovered planets
    a View Project
     href #
 section
  id contact
  class blackhole-section
  h2 Transmit Message
  form
   class cosmic-form
   div
    class form-group
    label Name
    input
     type text
     placeholder Your name
   div
    class form-group
    label Email
    input
     type email
     placeholder your@email.com
   div
    class form-group
    label Message
    textarea
     placeholder Your interstellar message...
   button
    type submit
    class cosmic-button
    Send Transmission
footer
 class cosmic-footer
 div
  class social-links
  a Twitter
   href #
  a GitHub
   href #
  a LinkedIn
   href #
 p Navigate the cosmos with me

script.js