wqInitial Commit
This commit is contained in:
@@ -1,52 +1,30 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}About{% endblock %}
|
||||
|
||||
{% block title %}About — {{ brand }}{% endblock %}
|
||||
{% block content %}
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="text-center py-20 bg-gradient-to-br from-red-800 to-orange-400 text-white">
|
||||
<h1 class="text-5xl font-extrabold mb-4">About Me</h1>
|
||||
<p class="text-xl mb-6">Learn more about who I am, what I do, and what drives me.</p>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="py-16 bg-black text-white">
|
||||
<div class="max-w-4xl mx-auto px-4 space-y-12">
|
||||
|
||||
|
||||
<div>
|
||||
<h2 class="text-3xl font-bold text-orange-600 mb-4">Who Am I?</h2>
|
||||
<p class="text-lg leading-relaxed">
|
||||
I'm a passionate developer and tech enthusiast focused on building useful, secure, and accessible digital experiences.
|
||||
Whether it’s creating full-stack web applications, designing clean UIs, or managing network infrastructure — I love what I do.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div>
|
||||
<h2 class="text-3xl font-bold text-orange-600 mb-4">Skills & Tools</h2>
|
||||
<ul class="grid sm:grid-cols-2 gap-4 text-lg list-disc pl-6">
|
||||
<li>Python & Flask</li>
|
||||
<li>HTML CSS and Javascript</li>
|
||||
<li>SQL (MYSQL, SQLite)</li>
|
||||
<li>Linux system administration</li>
|
||||
<li>Networking & Security (WireGuard, Samba, DNS-Server)</li>
|
||||
<li>Git & Deployment </li>
|
||||
<li>API integrations</li>
|
||||
<section class="max-w-7xl mx-auto px-6 py-16">
|
||||
<h1 class="text-3xl font-bold">About BrookHaven</h1>
|
||||
<p class="mt-4 text-white/80 max-w-3xl">
|
||||
We’re a small, senior team that prototypes fast and ships safely. We love systems thinking,
|
||||
clean UX, and deployments that don’t wake you up at 3am.
|
||||
</p>
|
||||
<div class="mt-8 grid md:grid-cols-2 gap-6">
|
||||
<div class="rounded-2xl bg-bh.card/70 border border-bh.ring p-6">
|
||||
<h3 class="font-semibold">What we value</h3>
|
||||
<ul class="mt-3 space-y-2 text-white/75 text-sm">
|
||||
<li>• Production realism over slideware</li>
|
||||
<li>• Data-in/data-out from day one</li>
|
||||
<li>• Accessibility & performance as defaults</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Philosophy or Interests -->
|
||||
<div>
|
||||
<h2 class="text-3xl font-bold text-orange-600 mb-4">What I'm About</h2>
|
||||
<p class="text-lg leading-relaxed">
|
||||
I believe technology should empower people — not confuse them. I enjoy creating tools that are intuitive, helpful, and secure.
|
||||
I'm always learning, whether it’s diving into cybersecurity, mastering backend frameworks, or exploring automation and DevOps.
|
||||
</p>
|
||||
<div class="rounded-2xl bg-bh.card/70 border border-bh.ring p-6">
|
||||
<h3 class="font-semibold">How we work</h3>
|
||||
<ul class="mt-3 space-y-2 text-white/75 text-sm">
|
||||
<li>• Short sprints to real demos</li>
|
||||
<li>• Clear handoffs to internal teams</li>
|
||||
<li>• Infra that fits your stack</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user