Update requirements and enhance CSS styles

- Added new dependencies to requirements.txt: psycopg2-binary, pandas, and dotenv for improved functionality.
- Enhanced main.css by adding 'scroll-smooth' to the html element for better scrolling experience.
This commit is contained in:
yuanhau 2025-05-11 09:39:21 +08:00
parent 666f6ac38b
commit edf10adf5a
12 changed files with 390 additions and 678 deletions

View file

@ -63,7 +63,7 @@ onMounted(() => {
</NuxtLink>
<NuxtLink to="#learnmore">
<button
class="m-4 ml-1 mr-1 bg-[#8C9393] text-white p-3 rounded-full bg-gray-700 transition-all duration-150 hover:transform hover:scale-105 hover:shadow-lg"
class="m-4 ml-1 mr-1 bg-[#8C9393] text-white p-3 rounded-[10px] bg-gray-700 transition-all duration-150 hover:transform hover:scale-105 hover:shadow-lg"
>
<span>{{ t("home.learnmore") }}</span>
</button>
@ -71,9 +71,18 @@ onMounted(() => {
</div>
</div>
<div class="h-screen"></div>
<div class="">
<h1>Why?</h1>
<span>台灣的新聞是要痲是來自中國控制的媒體或是來自只想獲得點閱的記者</span>
<div id="learnmore"></div>
<div class="flex flex-row flex-wrap justify-center gap-x-10 gap-y-3">
<div class="flex flex-col justify-center items-center align-middle bg-[#C9C9C9]/60 rounded-xl shadow-lg p-5 m-5 w-[300px] h-[200px]">
<h1 class="text-8xl mt-0">🤔</h1>
<h2 class="text-xl font-bold">Why?</h2>
<span class="text-sm">台灣的新聞是要痲是來自中國控制的媒體或是來自只想獲得點閱的記者</span>
</div>
<div class="flex flex-col justify-center items-center align-middle bg-[#C9C9C9]/60 rounded-xl shadow-lg p-5 m-5 w-[300px] h-[200px]">
<h1 class="text-8xl mt-0">🧐</h1>
<h2 class="text-xl font-bold">How?</h2>
<span class="text-sm">We use web scraping to search for the latest news, and store it into a postgres database.</span>
</div>
</div>
</div>
</template>