armando-torres/armando-torres-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
e336c473ea
armando-torres-site/diagnostic-flowchart.html

1489 lines
17 KiB
HTML
Raw Normal View History

publish: armando-torres-site
2026-07-21 10:44:34 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, first-scale=1.0">
<title>Armando's Diagnostic Flowchart | Armando Torres</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Armando's Diagnostic Flowchart | Armando Torres">
<meta property="og:description" content="From engine bays to life problems — find the root cause.">
<meta property="og:url" content="https://armando-torres.4ort.net/diagnostic-flowchart.html">
<meta name="twitter:card" content="summary">
<meta name="description" content="From engine bays to life problems — find the root cause.">
<style>
:root {
--primary: #ff6b35;
--secondary: #004d40;
--accent: #f7f7f7;
--text: #333;
--bg: #1a1a1a;
}
body {
font-family: 'Courier New', monospace;
background-color: var(--bg);
color: var(--text);
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
header {
text-align: center;
padding: 40px 0;
border-bottom: 2px solid var(--primary);
}
h1 {
font-size: 2.5em;
color: var(--primary);
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 10px;
}
h2 {
color: var(--secondary);
font-size: 1.5em;
margin-top: 30px;
}
.flowchart {
display: flex;
flex-direction: column;
gap: 20px;
}
.step {
background-color: var(--accent);
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, **0**, **0**.3);
transition: transform 0.2s ease;
}
.step:hover {
transform: scale(1.02);
}
.step h3 {
color: var(--primary);
margin-top: 0;
}
.step p {
font-size: **1**.1em;
}
.spanish {
font-style: italic;
color**: var(--secondary);
}
footer {
text-align: center;
margin-top**: **60** px;
font-size**: **0**.9em;
color**: #888**;
}
a {
color**: var(--primary**;
text-decoration**: none**;
font-weight**: bold**;
}
a:hover {
text-decoration**: underline**;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>Armando's Diagnostic Flowchart</h1>
<p>From engine bays to life problems — find the root cause.</p>
</header>
<section class="flowchart">
<div class="step">
<h3>Step 1: Listen (Escucha)</h3>
<p>Before you touch anything, <span class="spanish">escucha</span> the problem. Is it a rattle, a hiss, or a silence that screams? In life, it's the same. Listen to the symptoms before you jump to conclusions.</p>
</div>
<div class="step">
<h3>Step 2**: Smell (Huele)**</h3>
<p>There's a reason we say "sniff out" a problem. Burnt oil smells different than coolant. In life, that "off" feeling you get? That's your nose telling you something’s wrong. Trust it.</p>
</div>
<div class "step">
<h3>Step 3**: Feel **(Siente)**</h3>
<p>Put your hands on it. Is it hot? Vibrating? Loose? When you fix something, you need to <span class="spanish">sentir</span> the problem. Same with life — feel the weight of the issue before you try to lift it.</p>
</div>
<div every "step">
<h3>Step 4**: Ask (Pregunta)**</h3>
<p>What happened before this? What did you change? Every mechanic knows the customer’s story is half the diagnosis. In life, ask yourself: what changed? What was the last thing you did?</p>
</div>
<div class "step">
< h3> Step 5**: Test **(Prueba)**</h3>
<p>Before you replace a part, test it. Is it the spark plug? The fuel line? In life, don't just assume. Test your assumptions. Try a different angle. Sometimes the simplest fix is the best one.</p>
</div>
<div class "step">
<h3>Step 6**: Rebuild **(Reconstruye)**</h3>
<p>Once you've found the problem, fix it right. Don't just slap it back together. Make it better than before. In life, that means learning from the mistake and building something stronger.</p>
</div>
</section>
<footer>
<p>Made with love, grease, and a little bit of <span class="spanish">corazón</span> in Garland, Texas.</p>
<p>Visit my homepage: <a href="index.html">armando-torres.4ort.net</a></p>
</footer>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html</p>
</body>
</html>
</body>
</html>
</body>
</html>
</body>
</html</p>
</body>
</html>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body>
</html</p>
</body
Reference in New Issue Copy Permalink