Skip to content

Commit 7b3258c

Browse files
esacteksabesacteksab
committed
feat: two col initial commit
1 parent fbfc041 commit 7b3258c

File tree

1 file changed

+99
-0
lines changed

1 file changed

+99
-0
lines changed

‎layouts/_default/home.html‎

Lines changed: 99 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,3 +29,102 @@ <h3>
2929
<!-- _default/home.html -->
3030
{{- end }}
3131
{{- /* Trim EOF */ -}}
32+
33+
{{/* <!DOCTYPE html>
34+
<html lang="en">
35+
<head>
36+
<meta charset="UTF-8">
37+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
38+
<title>Tailwind Layout</title>
39+
<script src="https://cdn.tailwindcss.com"></script>
40+
<style>
41+
.menu-open #mobile-nav {
42+
display: flex;
43+
}
44+
.menu-open .hamburger {
45+
position: fixed;
46+
z-index: 30;
47+
}
48+
</style>
49+
</head>
50+
<body class="min-h-screen flex flex-col flex-wrap mx-0 md:mx-16 text-sm md:text-base" id="body">
51+
<button onclick="document.getElementById('body').classList.toggle('menu-open')" class="hamburger md:hidden fixed top-4 right-4 z-20 p-2 bg-orange-600 text-white rounded">
52+
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
53+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
54+
</svg>
55+
</button>
56+
57+
<div class="flex flex-row flex-1 border-l-2 border-b-2 border-orange-600">
58+
<main class="bg-gray-100 p-5 flex flex-col flex-auto">
59+
<h2 class="text-xl pb-2 font-semibold">DevOpsinator: Accelerating Your Digital Transformation</h2>
60+
<p class="ml-2">DevOpsinator delivers clean, manageable infrastructure
61+
solutions that cut through complexity. We design straightforward, easily
62+
maintained cloud architectures using modern Infrastructure as Code (Iac)
63+
tools like Terraform, Packer, Ansible and many others, ensuring your
64+
technology stack remains simple, scalable, and sustainable. Our approach
65+
transforms intricate technical challenges into streamlined, low-overhead
66+
systems that your team can confidently maintain.</p> <h3 class="text-lg
67+
pt-2 font-semibold">Our Approach</h3>
68+
<ul class="py-2 px-4">
69+
<li>Minimalist infrastructure design</li>
70+
<li>Easy-to-understand cloud architectures</li>
71+
<li>Automated deployment and scaling</li>
72+
<li>Reduced operational complexity</li>
73+
<li>Continuous integration and delivery excellence</li>
74+
<li>Cloud-native architecture optimization</li>
75+
<li>Sustainable, low-maintenance solutions</li>
76+
</ul>
77+
<p class="pl-2">DevOpsinator: Making DevOps Simple, Powerful, Reliable, Resilient and Predictable.</p>
78+
<br />
79+
<h2 class="text-xl pb-2 font-semibold">Infrastructure Architect: Simplifying Complex Technology Landscapes</h2>
80+
<p>With nearly 25 years of transformative IT experience, I specialize in
81+
turning technical chaos into streamlined, sustainable infrastructure. From
82+
rural non-profits to global enterprises, my journey spans on-premises data
83+
centers to cloud ecosystems, with a deep expertise in AWS and
84+
Infrastructure as Code.</p>
85+
<h3 class="text-lg pt-2 font-semibold">Technical Evolution.</h3>
86+
<ul class="py-2 px-4">
87+
<li>Started in IT Help Desk and Windows Administration</li>
88+
<li>Managed 1.5PB of storage and Active Directory environments</li>
89+
<li>Transitioned to Linux systems and pioneering DevOps practices</li>
90+
<li>Expert in Terraform, Ansible, and AWS infrastructure design</li>
91+
</ul>
92+
93+
<h3 class="text-lg pt-2 font-semibold">Signature Approach</h3>
94+
<p>I excel at entering organizations experiencing rapid growth,
95+
establishing robust technological foundations that scale elegantly.
96+
Specializing in infrastructures that are simple to manage, yet powerful
97+
enough to support global operations. My toolkit includes AWS, Terraform,
98+
Packer, Docker, ECS, Fargate, Kubernetes, and Nomad—always focused on
99+
creating clear, maintainable solutions.</p>
100+
<p>Transforming complex
101+
infrastructures into streamlined, resilient systems: that's my core
102+
expertise.<p>
103+
</main>
104+
105+
<!-- Desktop nav -->
106+
<nav id="mobile-nav" class="hidden md:flex bg-gray-100 text-gray-900 pt-5 px-5 pb-2 flex-col border-l-2 border-r-2 border-orange-600 w-full md:w-3/4 lg:max-w-80 fixed md:static inset-0 z-10 items-center">
107+
<div class="logo mb-5 items-center">
108+
<img src="sticker.png" alt="Logo" class="max-w-full h-auto w-32 md:w-auto">
109+
</div>
110+
<div class="nav-bar flex flex-col justify-center items-center border-t-2 border-b-2 border-orange-600">
111+
<ul class="py-2">
112+
<li class="hover:border hover:border-orange-600 px-3 py-2"><a href="#" class="text-gray-760 block">Home</a></li>
113+
<li class="hover:border hover:border-orange-600 px-3 py-2"><a href="#" class="text-gray-700 block">About</a></li>
114+
<li class="hover:border hover:border-orange-600 px-3 py-2"><a href="#" class="text-gray-700 block">Services</a></li>
115+
<li class="hover:border hover:border-orange-600 px-3 py-2"><a href="#" class="text-gray-700 block">Contact</a></li>
116+
</ul>
117+
</div>
118+
<div class="mt-auto nav-bar-bottom flex flex-col justify-center md:items-center md:border-t-2 md:border-orange-600 text-sm">
119+
<ul class="pt-4">
120+
<li><a href="#" class="text-gray-700 hover:underline flex items-center"><img src="octocat-1.png" alt="GitHub" class="w-6 h-auto mr-2">GitHub</a></li>
121+
<li class="text-xs">&copy; 2025 DevOpsinator LLC</li>
122+
<li class="text-xs">Made with 🧡 in the MidWest</li>
123+
</ul>
124+
</div>
125+
</nav>
126+
</div>
127+
<footer class="mt-auto m-0 p-0 flex flex-row items-center text-center justify-center">
128+
</footer>
129+
</body>
130+
</html> */}}

0 commit comments

Comments
 (0)