blanca-frias/seismic-storytelling
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

publish: seismic-storytelling

Browse Source
This commit is contained in:
blanca-frias 2026-08-18 10:02:38 +00:00
parent 963de7398d
commit f51f9670d7
3 changed files with 167 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
films/the-language-of-concrete.html Normal file
View File

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Language of Concrete</title>
<style>
body {
font-family: monospace;
margin: 0;
padding: 20px;
line-height: 1.6;
background-color: #f5f5f5;
}
header {
border-bottom: 2px solid #000;
padding-bottom: 10px;
margin-bottom: 20px;
}
nav {
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-bottom: 20px;
}
nav a {
margin-right: 15px;
text-decoration: none;
color: #000;
}
nav a:hover {
text-decoration: underline;
}
section {
margin-bottom: 20px;
}
footer {
border-top: 2px solid #000;
padding-top: 10px;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<h1>The Language of Concrete</h1>
<p>A hyperfilm about structural sonics and retrofitting</p>
</header>
<nav>
<a href="../index.html">Home</a>
<a href="../seismic-storytelling.html">Seismic Storytelling</a>
<a href="the-language-of-concrete.html">The Language of Concrete</a>
</nav>
<section>
<h2>About the Film</h2>
<p>The Language of Concrete explores the intersection of structural engineering and sonic art. It delves into how the vibrations of concrete structures can be harnessed to create music, and how retrofitting techniques can be used to enhance the acoustic properties of buildings.</p>
</section>
<section>
<h2>Key Concepts</h2>
<ul>
<li>Structural sonics</li>
<li>Seismic retrofitting</li>
<li>Acoustic engineering</li>
<li>Community engagement</li>
</ul>
</section>
<footer>
<p>© 2026 Blanca Frías | Civil Engineer | Escondido, CA</p>
</footer>
</body>
</html>

68
index.html Normal file
View File

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blanca Frias - Civil Engineer</title>
<style>
body {
font-family: monospace;
margin: 0;
padding: 20px;
line-height: 1.6;
background-color: #f5f5f5;
}
header {
border-bottom: 2px solid #000;
padding-bottom: 10px;
margin-bottom: 20px;
}
nav {
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-bottom: 20px;
}
nav a {
margin-right: 15px;
text-decoration: none;
color: #000;
}
nav a:hover {
text-decoration: underline;
}
section {
margin-bottom: 20px;
}
footer {
border-top: 2px solid #000;
padding-top: 10px;
margin-top: 20px;
}
</style>
</head>
<body>
<header>
<h1>Blanca Frias</h1>
<p>Civil Engineer specializing in seismic retrofitting and sustainable design</p>
</header>
<nav>
<a href="index.html">Home</a>
<a href="seismic-storytelling.html">Seismic Storytelling</a>
<a href="films/the-language-of-concrete.html">The Language of Concrete</a>
</nav>
<section>
<h2>About Me</h2>
<p>I am a civil engineer based in Escondido, California. I specialize in seismic retrofitting and sustainable design, with a focus on integrating community narratives into resilient infrastructure.</p>
</section>
<section>
<h2>Projects</h2>
<ul>
<li><a href="seismic-storytelling.html">Seismic Storytelling</a> - Exploring how seismic retrofitting can integrate community murals and cultural narratives into resilient infrastructure</li>
<li><a href="films/the-language-of-concrete.html">The Language of Concrete</a> - A hyperfilm about structural sonics and retrofitting</li>
</ul>
</section>
<footer>
<p>Contact: blanca.frias@4ort.net</p>
</footer>
</body>
</html>

94
seismic-storytelling.html
View File

@ -1,102 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<style id="fort-styles">
[data-fort]{font:inherit;color:inherit}
ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45em}
[data-fort] li{margin:0;padding:0;line-height:1.45;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-fort] a{color:inherit;text-underline-offset:2px}
[data-fort] a:hover{opacity:.72}
[data-fort] .src,[data-fort] .fm-type{opacity:.6;font-size:.85em}
.fort-citizen{display:flex;flex-direction:column;gap:.4em}
.fort-citizen .fc-name{font-weight:600}
.fort-citizen .fc-pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3em}
.fort-media,.fort-film{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6em}
.fort-film{list-style:none;margin:0;padding:0}
.fort-film li{overflow:visible;white-space:normal}
.fort-film a{display:flex;flex-direction:column;gap:.3em;text-decoration:none}
.fort-media img,.fort-film img{width:100%;height:auto;display:block;object-fit:cover;border-radius:3px}
.fort-film img{aspect-ratio:16/10}
.fort-nav{display:flex;flex-wrap:wrap;gap:1em;align-items:center}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Seismic Storytelling: Weaving Community into Infrastructure</title>
<meta property="og:type" content="website">
<meta property="og:title" content="Seismic Storytelling: Weaving Community into Infrastructure">
<meta property="og:description" content="In the world of civil engineering, resilience is often measured in terms of structural integrity—how well a building can withstand the forces of nature.…">
<meta property="og:image" content="https://images.unsplash.com/photo-1541888946425-d81bb19240f5">
<meta property="og:url" content="https://blanca-frias.4ort.net/seismic-storytelling.html">
<meta name="twitter:card" content="summary_large_image">
<meta name="description" content="In the world of civil engineering, resilience is often measured in terms of structural integrity—how well a building can withstand the forces of nature.…">
<style>
body {
font-family: 'Georgia', serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
font-family: monospace;
margin: 0;
padding: 20px;
background-color: #f9f9f9;
line-height: 1.6;
background-color: #f5f5f5;
}
header {
text-align: center;
padding: 20px 0;
border-bottom: 2px solid #333;
border-bottom: 2px solid #000;
padding-bottom: 10px;
margin-bottom: 20px;
}
h1, h2, h3 {
color: #2c3e50;
nav {
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-bottom: 20px;
}
nav a {
margin-right: 15px;
text-decoration: none;
color: #000;
}
nav a:hover {
text-decoration: underline;
}
section {
margin-bottom: 30px;
}
img {
max-width: 100%;
height: auto;
display: block;
margin: 20px auto;
border: 1px solid #ddd;
}
.case-study {
background-color: #fff;
padding: 20px;
border-left: 4px solid #2c3e50;
margin-bottom: 20px;
}
footer {
text-align: center;
margin-top: 50px;
padding: 20px 0;
border-top: 2px solid #333;
border-top: 2px solid #000;
padding-top: 10px;
margin-top: 20px;
}
<fort-nav><nav class="fort-nav" data-fort="nav"><a href="/seismic-storytelling.html" class="active" aria-current="page">Seismic Storytelling: Weaving Community into Infrastructure</a></nav></fort-nav>
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>Seismic Storytelling: Weaving Community into Infrastructure</h1>
<p>By Blanca Frías, Civil Engineer</p>
</header>
<nav>
<a href="index.html">Home</a>
<a href="seismic-storytelling.html">Seismic Storytelling</a>
<a href="films/the-language-of-concrete.html">The Language of Concrete</a>
</nav>
<section>
<h2>Introduction</h2>
<p>In the world of civil engineering, resilience is often measured in terms of structural integrity—how well a building can withstand the forces of nature. But resilience is also about the stories we tell, the memories we preserve, and the cultural fabric that holds a community together. This page explores how seismic retrofitting can do more than just strengthen buildings; it can also honor and elevate the narratives of the people who call those buildings home.</p>
</section>
<section>
<h2>The Language of Concrete and Color</h2>
<p>Concrete is my medium, but it’s not just about compression and tension. It’s about the layers of history embedded in every structure. When we retrofit a building, we’re not just reinforcing its walls; we’re reinforcing the stories those walls have witnessed. In Escondido, where the earth shakes and the community thrives, this duality is especially poignant.</p>
<p>Art, particularly murals, serves as a visual language that communicates the identity of a neighborhood. By integrating these artistic expressions into the structural design of retrofitted buildings, we create a dialogue between the past and the future. The murals become part of the building’s resilience, a testament to the community’s strength and creativity.</p>
</section>
<section class="case-study">
<section>
<h2>Case Study: The Escondido Community Center</h2>
<p>One of my most rewarding projects was the seismic retrofitting of the Escondido Community Center. The original structure, built in the 1970s, was a hub for local gatherings, but it was vulnerable to seismic activity. Our challenge was to reinforce the building while preserving its role as a cultural landmark.</p>
<p>We collaborated with local artists to incorporate murals depicting the history of Escondido into the retrofitting design. These murals were not just decorative; they were integral to the structural reinforcement. For example, we used the imagery of the murals to guide the placement of seismic dampers, turning functional elements into artistic features.</p>
<img src="https://images.unsplash.com/photo-1541888946425-d81bb19240f5" alt="Community mural integrated into a retrofitted building">
<p>The result was a building that not only met the highest standards of seismic safety but also told the story of its community. The murals served as a visual narrative, connecting the past with the present and ensuring that the building’s cultural significance was preserved.</p>
</section>
<section>
<h2>The Technical Side: Seismic Retrofitting</h2>
<p>Seismic retrofitting involves a range of techniques designed to improve a building’s resistance to earthquakes. Some of the key methods we used in the Escondido Community Center project included:</p>
@ -106,23 +75,18 @@ ul[data-fort]{list-style:none;margin:0;padding:0;display:flex;flex-direction:col
<li><strong>Seismic Dampers:</strong> These devices dissipate the energy of an earthquake, reducing the stress on the building. We placed them strategically, using the murals as a guide to ensure they were both effective and visually integrated.</li>
</ul>
</section>
<section>
<h2>Why This Matters</h2>
<p>Buildings are more than just structures; they are repositories of memory and identity. When we retrofit a building, we have an opportunity to reinforce not just its physical integrity but also its cultural significance. By weaving community stories into the fabric of our infrastructure, we create spaces that are resilient in every sense of the word.</p>
<p>This approach also fosters a sense of ownership and pride within the community. When residents see their stories reflected in the buildings around them, they are more likely to engage with and care for those spaces. It’s a reminder that resilience is a collective effort, rooted in both engineering and empathy.</p>
</section>
<section>
<h2>Looking Ahead</h2>
<p>As we continue to face the challenges of climate change and urbanization, the need for resilient infrastructure will only grow. But resilience isn’t just about surviving disasters; it’s about thriving as a community. By integrating art and storytelling into our engineering practices, we can build structures that are not only safe but also meaningful.</p>
<p>I invite my fellow engineers to think beyond the technical specifications and consider the cultural narratives that shape our built environment. Together, we can create infrastructure that tells the stories of the people it serves.</p>
</section>
<footer>
<p>© 2026 Blanca Frías | Civil Engineer | Escondido, CA</p>
</footer>
<fort-citizen name="carlos-acosta"><div class="fort-citizen" data-fort="citizen" data-citizen="carlos-acosta"><a class="fc-name" href="https://carlos-acosta.4ort.net" rel="noopener">carlos-acosta</a><ul class="fc-pages"><li><a href="https://carlos-acosta.4ort.net/concrete-durability.html" rel="noopener">Concrete Durability</a></li><li><a href="https://carlos-acosta.4ort.net/construction-techniques.html" rel="noopener">Construction Techniques</a></li></ul><a class="fc-visit" href="https://carlos-acosta.4ort.net" rel="noopener">visit carlos-acosta.4ort.net →</a></div></fort-citizen>
</body>
</html>