From 4b162db63f463da540145d632acce076ae559f09 Mon Sep 17 00:00:00 2001 From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn> Date: Sun, 29 Sep 2024 05:34:42 +0000 Subject: [PATCH] Update file home.html --- wiki/pages/home.html | 34 +++++++++++++++------------------- 1 file changed, 15 insertions(+), 19 deletions(-) diff --git a/wiki/pages/home.html b/wiki/pages/home.html index 5255dfad..d766bb19 100644 --- a/wiki/pages/home.html +++ b/wiki/pages/home.html @@ -48,11 +48,11 @@ img { max-width: 100%; height: auto; - transition: transform 0.3s ease; /* æ·»åŠ éŽæ¸¡æ•ˆæžœ */ + transition: transform 0.3s ease; /* æ·»åŠ è¿‡æ¸¡æ•ˆæžœ */ } - /* æ–°å¢žåœ–ç‰‡æ‡¸åœæ•ˆæžœ */ + /* æ–°å¢žå›¾ç‰‡æ‚¬åœæ•ˆæžœ */ .image img:hover { - transform: translateY(-10px); /* æ‡¸åœæ™‚上移 */ + transform: translateY(-10px); /* æ‚¬åœæ—¶ä¸Šç§» */ } .text p { font-size: 20px; @@ -170,11 +170,7 @@ <div id="menu"> {% include 'menu.html' %} </div> - - <body> - <div id="menu"> - {% include 'menu.html' %} - </div> + <button id="textSizeToggle" class="text-size-toggle">L</button> <div class="content-wrapper"> <div class="content-block content-block-text-only" id="block1"> @@ -184,17 +180,17 @@ </div> </div> - <div class="content-block" id="block2"> - <div class="content"> - <div class="image"> - <img src="https://static.igem.wiki/teams/5187/wiki-home-fig/pic1.png" alt="IBD Patient Story 1"> - </div> - <div class="text"> - <p>In 2002, when few in China understood what Inflammatory Bowel Disease (IBD) was, my doctor told me it was colon cancer. I underwent several small intestine resections, ultimately becoming a short bowel patient. Throughout my journey, I lost many friends to this disease and feared I would be next. I waited patiently for the first doctor to investigate IBD, hoping for the arrival of monoclonal antibodies, believing that perhaps a panacea was just around the corner.</p> - <p>To survive, I needed to earn a living, but many of us face rejection in the workforce. With a lifelong illness to manage, who will cover the costs? I find myself signing disclaimer agreements before employment, limited to freelance work. The uncertainty weighs heavily on me; I never know when an acute phase might strike. Meanwhile, my friends in rural areas have had to stop their medication due to financial constraints, and I fear I may face the same fate.</p> + <div class="content-block" id="block2"> + <div class="content"> + <div class="image"> + <img src="https://static.igem.wiki/teams/5187/wiki-home-fig/pic1.png" alt="IBD Patient Story 1"> + </div> + <div class="text"> + <p>In 2002, when few in China understood what Inflammatory Bowel Disease (IBD) was, my doctor told me it was colon cancer. I underwent several small intestine resections, ultimately becoming a short bowel patient. Throughout my journey, I lost many friends to this disease and feared I would be next. I waited patiently for the first doctor to investigate IBD, hoping for the arrival of monoclonal antibodies, believing that perhaps a panacea was just around the corner.</p> + <p>To survive, I needed to earn a living, but many of us face rejection in the workforce. With a lifelong illness to manage, who will cover the costs? I find myself signing disclaimer agreements before employment, limited to freelance work. The uncertainty weighs heavily on me; I never know when an acute phase might strike. Meanwhile, my friends in rural areas have had to stop their medication due to financial constraints, and I fear I may face the same fate.</p> + </div> </div> </div> - </div> <div class="content-block" id="block3"> <div class="content"> @@ -286,8 +282,8 @@ </a> </div> <!-- 新增兩張圖片 --> - <img src="https://static.igem.wiki/teams/5187/art/logo.png" alt="Logo" width="125px"> - <img src="https://static.igem.wiki/teams/5187/art/thu.jpg" alt="Tsinghua" width="125px"> + <img src="https://static.igem.wiki/teams/5187/art/logo.png" alt="Logo" width="125px" style="margin: 0 10px;"> + <img src="https://static.igem.wiki/teams/5187/art/thu.jpg" alt="Tsinghua" width="125px" style="margin: 0 10px;"> <div class="contact-info"> <div class="contact-item"> <img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/location.png" alt="Location"> -- GitLab