diff options
Diffstat (limited to 'layouts/_partials/hero.html')
| -rw-r--r-- | layouts/_partials/hero.html | 65 |
1 files changed, 33 insertions, 32 deletions
diff --git a/layouts/_partials/hero.html b/layouts/_partials/hero.html index ac8a4e1..1be5f71 100644 --- a/layouts/_partials/hero.html +++ b/layouts/_partials/hero.html @@ -1,39 +1,40 @@ <section class="hero" role="region" aria-label="Hero"> - <div class="hero-left"> - <div class="hero-prompt">// Featured</div> - <h1 class="hero-name" data-text="{{ .Site.Params.author }}">{{ .Site.Params.author }}</h1> - <div class="hero-role" id="typed" data-phrases='{{ .Site.Params.typingPhrases | jsonify }}'></div> - <p class="hero-tagline">{{ .Site.Params.description }}</p> - <div class="hero-buttons"> - <a href="/articles/" class="btn btn-primary">Read Articles</a> - <a href="#articles" class="btn btn-outline">Explore</a> - </div> - </div> - - <div class="hero-right"> - <div class="hero-terminal"> - <div class="terminal-bar"> - <span class="terminal-dot" style="background: #ff6b6b;"></span> - <span class="terminal-dot" style="background: #ffd93d;"></span> - <span class="terminal-dot" style="background: #6bcf7f;"></span> + <div class="hero-container"> + <div class="hero-left"> + <div class="hero-prompt">welcome to</div> + <h1 class="hero-name" data-text="{{ .Site.Params.author }}">{{ .Site.Params.author }}</h1> + <div class="hero-role" id="typed" data-phrases='{{ .Site.Params.typingPhrases | jsonify }}'></div> + <p class="hero-tagline">{{ .Site.Params.description }}</p> + <div class="hero-buttons"> + <a href="/articles/" class="btn btn-primary">Read Articles</a> + <a href="/is/" class="btn btn-outline">About Me</a> </div> - <div class="terminal-content"> - <div>$ <span class="terminal-prompt">whoami</span></div> - <div>danilo</div> - <div>$ <span class="terminal-prompt">pwd</span></div> - <div>/home/danilo/web</div> - <div>$ <span class="terminal-prompt">ls -la</span></div> - <div>total 48</div> - <div>drwxr-xr-x 5 danilo staff 160 Apr 9 2026 .</div> - <div>-rw-r--r-- 1 danilo staff 4.2K blog.md</div> + </div> + <div class="hero-right"> + <div class="hero-terminal"> + <div class="terminal-bar"> + <span class="terminal-dot" style="background: #ff5f57;"></span> + <span class="terminal-dot" style="background: #febc2e;"></span> + <span class="terminal-dot" style="background: #28c840;"></span> + <span class="terminal-title">root@danix.xyz</span> + </div> + <div class="terminal-content"> + <div class="tl tl-d1"><span class="tc-dim">$ </span><span class="tc-ok">whoami</span></div> + <div class="tl tl-d2">danilo</div> + <div class="tl tl-d3"><span class="tc-dim">$ </span><span class="tc-ok">cat roles.txt</span></div> + <div class="tl tl-d4"><span class="tc-key">Security</span> & Web Dev</div> + <div class="tl tl-d5"><span class="tc-key">WordPress</span> Developer</div> + <div class="tl tl-d6"><span class="tc-key">Bash</span> Enthusiast</div> + <div class="tl tl-d7"><span class="tc-dim">$ </span><span class="tc-ok">uptime</span></div> + <div class="tl tl-d8">up 4 years, still learning</div> + <div class="tl tl-d9"><span class="tc-dim">$ </span><span class="tc-ok">_</span></div> + </div> </div> </div> - </div> + </div><!-- /.hero-container --> - <div class="scroll-indicator"> - <span>Scroll to explore</span> - <svg width="20" height="20" viewBox="0 0 20 20" fill="none"> - <path d="M10 3v10M6 9l4 4 4-4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> - </svg> + <div class="scroll-indicator" aria-hidden="true"> + <span>scroll</span> + <div class="scroll-line"></div> </div> </section> |