Building a Website

Using html and css coding to webpage creation

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Homepage</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="pageA.html">Page A</a></li>
            <li><a href="pageB.html">Page B</a></li>
        </ul>
    </nav>
    <main>
     <h1>Building an Intellectual Character in AI Age</h1>
        <h1>Introduction</h1>
      <p class="images"> <img src="images/dh_tech.jpg" alt="woman working with technology">  </p>
       
       <p class="quote">“We should not be afraid of or attempt to hide from AI. But the righteous possibilities of this amazing technological tool can be realized only if we are aware of and guard against its perils." David A. Bednar</p>
        
       <p>Every night before sleeping, I travel to the marvelous world described in the book in turn.         I have known many places and fictional characters struggling and sharing their stories. I love to read. Reading is the way I feed my mind with knowledge and borrowed experiences applicable in life. Reading makes me feel alive. Reading and other skills like writing, solving problems, using language to communicate, feeling empathy (anger, sorrow, joy, etc.), thinking, dreaming, and many more…are human. Only human? Yes, while the machine has learned to analyse texts, it cannot experience reading as living. It can rearrange narratives that may look as if the program is writing, but it is not. 
     <p>In an age increasingly shaped by artificial intelligence (AI), the question of what it means to be human takes on new urgency. As algorithms begin to replicate and, in some cases, outperform certain human capabilities, the line between human and artificial abilities is not clear.  AI has reshaped how we think, learn, and interact. In an era where machines can generate text, analyze data, and even mimic human conversation we must turn inward to ask: what defines our intellectual character? What virtues can we nurture it with to shape our present and enhance our future?
     <p>It is not simply intelligence that sets humans apart, but a constellation of virtues—creativity, agency, responsibility, courage, and cooperation—that shape how we think, act, and interact. These habits of the mind are more vital than ever as we navigate a world where language, meaning, and morality are increasingly mediated by machines. To build an intellectual character in the age of AI is to develop the best of our sentient, ambitious, and empathetic selves. 
    <p>How can humans maintain and strengthen their intellectual character in an AI-dominated world? It is more vital than ever to answer this question as we navigate a world where language, meaning, and morality are increasingly mediated by machines. We must examine the nature of human cognition and metacognition—particularly our ability to understand and use language (syntax and semantics), mindfulness, and empathy—and contrast it with AI’s capabilities and how it has evolved to what it is today. 
</p>
        <h2>The Human Mind vs. AI</h2>
        <p>Humans are not machines or data processors. We feel pain, imagine futures, and tell stories not just to explain the world but to feel our place in it; we are sentient beings with emotions, ambitions, and dreams. Sentience is not about processing data—it is about experiencing life. Ambition drives us not to repeat patterns but to break them. Unlike AI, which operates on algorithms, humans possess self-awareness—the ability to reflect on our existence, question our purpose, and strive for growth. Our ambitions drive innovation, while our dreams inspire art, literature, and scientific discovery. Dreams not only inspire plans, but revolutions. As Literary Theory for Robots emphasizes, AI arises from literary ambition—it is built on centuries of attempts to mirror and mechanize thought. But even the most sophisticated AI cannot feel wonder, grief, or joy. These experiences—so deeply human—are what fuel the virtues of intellectual character.
           <p> AI, in contrast, lacks true consciousness.  In Literary Theory for Robots, we learn that AI’s development was rooted in mathematical logic and linguistic structures rather than lived experience. Early AI pioneers like Alan Turing and Noam Chomsky laid the groundwork for machines that could parse syntax, but true semantic understanding—grasping meaning in context—remains a human forte. 
                <p> Understanding language is more than analyzing syntax or mapping semantics. Humans speak not just to inform, but to connect because human language comprehension goes beyond rules; it involves semantics—understanding meaning in context. We grasp irony, tone, and silence; even in writing, we can convey emotions. We can detect sarcasm, metaphor, and emotional undertones; AI often struggles without explicit cues because it processes language, but humans inhabit it. In communication, humans have the ability to listen mindfully, to read beyond the literal, to be present and reflect deeply, to respond with empathy (the capacity to understand and share others’ feelings)—these are the fruits of intellectual growth. In the AI age, we must teach and learn not just how to write, but how to understand; to listen mindfully. The richness of language is not in its structure (easily replicated by AI), but in its intent and content between lines. Empathy in communication transforms words into understanding, and understanding into care. Caring for others is inherently human. AI can simulate empathy (e.g., chatbots offering condolences), but it does not feel anything. Robots giving void messages using grammatically correct lines. This distinction highlights why intellectual character in the AI age must prioritize emotional intelligence and ethical reasoning. 
            </p>
    </main>
    <footer>
        <p>&copy; 2025 Angelica Flores Algaba</p>
    </footer>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page A</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="pageA.html">Page A</a></li>
            <li><a href="pageB.html">Page B</a></li>
        </ul>
    </nav>
    <main>
        <h1>Creativity, Accountability & Responsibility</h1>
         <p class="images"> <img src="images/dh_book.jpg" alt="digital elements coming from a book"> </p>
        <p>AI can generate art, music, and stories, but its "creativity" is derivative —recombining existing data which has been fed by centuries of human collaboration. On the other hand, human creativity involves original thought, intuition, imagination, what-if moments, failures, and risk-taking. To build intellectual character, we must nurture divergent thinking. This cognitive process allows us to generate ideas by exploring many possible solutions. It is non-linear thinking mixed with experiences, emotions, and even crazy illusions. It means experimenting beyond AI’s predictive models.
            <p>Humans have long prized creativity as a defining trait—our ability to imagine, innovate, and create something out of nothing. Creativity must be redefined not as the mere generation of new content, but as an intentional, reflective process. True creativity involves synthesis, cultural awareness, and personal insight, or in other words, life experiences. It is the courage to ask questions AI has not been trained to consider, let along answer. Unlike AI, whose outputs reflect its data, human creativity is driven by dreams, intuition, needs, and emotional resonance. Dennis Yi Tenen in Literary Theory for Robots, explains that the AI's so-called "imagination" is a simulated mirror of human storytelling—a recursive exercise in imitation rather than originality.
             <p>AI operates on input-output logic, but humans bear moral responsibility. When AI makes errors (e.g., biased algorithms), humans must be accountable for correcting them. Intellectual character demands ethical vigilance—questioning AI’s outputs rather than accepting them blindly. AI may perform tasks, but it does not bear responsibility for them. Responsibility and accountability remain human obligations. These are not just legal or procedural duties—they are moral habits of the mind. Virtues that position us far from robots.  In the AI age, we must develop the intellectual virtue of accountability: to critically assess the tools we create, deploy, and use. Responsibility also includes the courage to face the outcomes of decisions mediated by AI, from biased hiring algorithms to misinformation filters. The development of intelligent systems should go hand in hand with the cultivation of ethical reflection. Literary Theory for Robots reminds us that AI does not tell stories on its own—it retells ours. We remain responsible for the values encoded in these narratives just like the car is not responsible for an accident and cannot be accountable for the damage done.
        </p>
        <h2>Agency: Human Control Over Technology</h2>
        <p>          AI can help us organize and prioritize tasks, set reminders, and manage our schedule. It can provide customized learning experiences based on our interests and progress. AI-powered tutoring systems can offer explanations, practice problems, and feedback on various subjects. AI can help us learn new languages through interactive lessons and real-time translation. The list can go on with many other things that AI can do for us in areas of health and wellness, entertainment and leisure, education, professional development and even everyday conveniences like having a smart house, or car, or even a fridge. It is easy to get used to prompting instructions to have things done.
         <p>   AI’s capabilities are constantly evolving, and it can be tailored to meet our specific needs and preferences; however, agency—the power to act independently—is crucial in the AI age because while AI can automate decisions operating through input and output, humans must retain control over critical choices made based on layered meaning, emotions, and intentions. Intellectual agency means more than choosing—it means knowing why we choose and recognizing the freedom inherent in decision-making. In a world flooded with AI recommendations, from what to read to whom to trust, we must preserve our ability to question, to resist, and to decide. 
          <p>  Cultivating agency involves fostering curiosity and independence, teaching ourselves and others to navigate complexity rather than defer to algorithmic simplicity. It is this thoughtful engagement that keeps humans at the center of ethical and intellectual life. Cultivating agency means developing critical thinking to assess AI’s role in our lives.
       </p>
    </main>
    <footer>
        <p>&copy; 2025 Angelica Flores Algaba</p>
    </footer>
</body>
</html>
!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page B</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="pageA.html">Page A</a></li>
            <li><a href="pageB.html">Page B</a></li>
        </ul>
    </nav>
    <main>
        <h1>Cooperation: Humans and AI as Partners</h1>
         <p class="images"> <img src="images/dh_hands.jpg" alt="a robotic hand touching a human hand"> </p>
        <p>In an interconnected, digital society, cooperation is not optional—it is essential. Cooperation is not merely collaboration, but a willingness to understand and work with others across differences and disciplines. In building intellectual character, we must value open dialogue, mutual respect, and shared inquiry. Intellectual character involves knowing when to rely on AI and when to trust human intuition. AI systems, often trained on patterns of division and conflict, can reinforce echo chambers. Humans, by contrast, have the capacity for empathy and compromise. Cooperation as a virtue resists individualism and fosters community thinking—acknowledging that knowledge is co-created. As AI increasingly mediates communication, we must ensure our conversations remain human: complex, messy, and full of meaning and emotion. AI excels in data analysis, while humans excel in nuanced judgment and collaboration. The future lies in human-AI synergy—using AI as a tool while maintaining human oversight. 
        <h2>The Evolution of AI</h2>
           <p>Literary Theory for Robots examines how AI’s development parallels human intellectual history. Early AI models were inspired by linguistic theories (e.g., Chomsky’s grammar rules) and literary structures (e.g., narrative patterns). However, AI lacks interpretive depth—it can generate a poem but cannot experience its beauty. Why is this? If we track its evolution, it can be described as a wheel, table, cabinet, template, language generator, calculator. All these devices were created by the human mind, in collaboration. Each contributing to what we have today. AI’s capacity of navigating the universe of knowledge is its power, but nothing else. This is similar to having a team of experts around us to help us research, write, or solve a problem. AI’s knowledge is borrowed from the human mind throughout history from all the domains of knowledge produced by mankind in the past or present.  Because AI is a mirror of human knowledge, it cannot and should not be a replacement for human intellect. To build intellectual character, we must study AI’s limitations while deepening our own philosophical, artistic, and ethical reasoning. 
        <h3>Cultivating Intellectual Character for the Future</h3>   
    <p>     In the AI age, intellectual character is defined not by how much we rely on machines but by how we preserve and enhance human virtues. Creativity, accountability, agency, responsibility, and cooperation distinguish us from AI. By embracing mindfulness, empathy, and ethical reasoning, we ensure that technology serves humanity—not the other way around. AI is to be used as a tool to make our job easier. Its capabilities cannot substitute the human mind and character. The future will certainly bring more technological developments and innovations (all product of the human mind), but we must not put our virtues and intellectual character under its control. We will be accountable for every decision we make. AI will wash its hands (or circuits?!).
        <p>As Literary Theory for Robots reminds us, AI emerged from human thought. Its future should be guided by human wisdom, ambition, and moral character. Only then can we build a world where AI enhances, rather than diminishes, the richness of human intellect.
   <p>To build an intellectual character in the AI age is not to compete with AI, but to become more fully human. It is to cultivate the virtues that machines cannot replicate: to imagine with depth, to act with care, to choose with integrity, to connect with others, and to understand with heart. As Literary Theory for Robots poignantly reveals, the story of AI is a story humans have been writing for centuries. Let us ensure that in writing our future, we do not forget our deepest capacities for wisdom, compassion, and creativity. The age of AI calls not for less humanity, but for more.
   
   <p>Bibliography
   <p>Tenen, Dennis Yi. Literary Theory for Robots: How Computers Learned to Write. W. W. Norton & Company, 2024
   </p>    
    </p>
       
    </main>
    <footer>
        <p>&copy; 2025 Angelica Flores Algaba</p>
    </footer>
</body>
</html>
body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #b8d885;
    color: #333;
}

nav ul {
    list-style: none;
    padding: 0;
    background-image:url("images/dh_merge.jpg");
    text-align: center;
}

nav ul li {
    display: inline;
}

nav ul li a {
    text-decoration: none;
    color: rgb(41, 38, 38);
    padding: 15px 20px;
    display: inline-block;
    background-color: rgba(124, 124, 240, 0.5);
}

nav ul li a:hover {
    background: #575757;
}

main {
    padding: 20px;
    max-width: 800px;
    margin: auto;
    background: rgb(212, 221, 158);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

h1 {
    font-family: 'Georgia', serif;
    font-size: 2rem;
    text-align: center;
    color: #333;
}

p {
    font-size: 1rem;
    line-height: 1.6;
    text-align: justify;
}
.quote{
    font-family: 'Times New Roman', Times, serif;
}
/*
.float-img {
    float: left;
    margin: 0 20px 20px 0;
    max-width: 100%;
    height: auto;
}
*/
footer{
    padding:1rem;
}

.images {
    text-align: center;
}

@media (max-width: 768px) {
    nav ul li {
        display: block;
        text-align: left;
    }

    .float-img {
        float: none;
        display: display-inside;
        margin: 0 auto 40px;
        
    }
}

@media (max-width: 480px) {
    body {
        font-size: 0.9rem;
    }

    h1 {
        font-size: 1.5rem;
    }
}

Leave a Reply

Your email address will not be published. Required fields are marked *