Add: for mobile is ok as well

HKUST-KnowComp · Nov 6, 2024 · 0e596f9 · 0e596f9
1 parent 99b05f7
commit 0e596f9
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 37 deletions.
diff --git a/content/_index.md b/content/_index.md
@@ -12,10 +12,10 @@ Welcome to our website with recent work in building the AgenticDB.
 ## Principle Investigators
 
 <style>
-
         .info-card {
-            width: 300px;
-            height: 575px;
+            width: 100%;
+            max-width: 300px;
+            height: auto;
             border: 1px solid #ccc;
             border-radius: 8px;
             overflow: hidden;
@@ -27,8 +27,6 @@ Welcome to our website with recent work in building the AgenticDB.
             width: 100%;
             height: 400px;
             object-fit: cover;
-
-
         }
         .info-card .content {
             padding: 16px;
@@ -42,23 +40,26 @@ Welcome to our website with recent work in building the AgenticDB.
             color: #555;
         }
         .card-container {
-            justify-content: center;
             display: grid;
-            grid-template-columns: repeat(3, 1fr);
-            gap: 80px;
-            padding:50px;
-            width: 80%;
-            max-width: 1200px;
+            grid-template-columns: repeat(auto-fill, minmax(280px, 10fr));
+            gap: 20px;
+            padding: 20px;
+            min-width: 600px;
+            max-width: 1400px;
+            padding: 0px;
             margin-left: auto;
             margin-right: auto;
-            transform: translateX(20px); /* Adjust the value to move right */
 
         }
-
-</style>
+        @media (max-width: 600px) {
+            .info-card img {
+                height: 250px;
+            }
+        }
+    </style>
+
 
 
-     
 <div class="card-container">
 
 <div class="info-card">
@@ -96,10 +97,10 @@ Welcome to our website with recent work in building the AgenticDB.
         <div class="title">HKUST</div>
     </div>
 </div>
+</div>
 
 
 
-</div>
 
 
 

diff --git a/public/index.html b/public/index.html
@@ -100,10 +100,10 @@ <h1 class="f2 f-subheadline-l fw2 white-90 mb0 lh-title">
       <p>Welcome to our website with recent work in building the AgenticDB.</p>
 <h2 id="principle-investigators">Principle Investigators</h2>
 <style>
-
         .info-card {
-            width: 300px;
-            height: 575px;
+            width: 100%;
+            max-width: 300px;
+            height: auto;
             border: 1px solid #ccc;
             border-radius: 8px;
             overflow: hidden;
@@ -115,8 +115,6 @@ <h2 id="principle-investigators">Principle Investigators</h2>
             width: 100%;
             height: 400px;
             object-fit: cover;
-
-
         }
         .info-card .content {
             padding: 16px;
@@ -130,20 +128,23 @@ <h2 id="principle-investigators">Principle Investigators</h2>
             color: #555;
         }
         .card-container {
-            justify-content: center;
             display: grid;
-            grid-template-columns: repeat(3, 1fr);
-            gap: 80px;
-            padding:50px;
-            width: 80%;
-            max-width: 1200px;
+            grid-template-columns: repeat(auto-fill, minmax(280px, 10fr));
+            gap: 20px;
+            padding: 20px;
+            min-width: 600px;
+            max-width: 1400px;
+            padding: 0px;
             margin-left: auto;
             margin-right: auto;
-            transform: translateX(20px); /* Adjust the value to move right */
 
         }
-
-</style>
+        @media (max-width: 600px) {
+            .info-card img {
+                height: 250px;
+            }
+        }
+    </style>
 <div class="card-container">
 <div class="info-card">
     <img src="images/yangqiusong.jpg" alt="Profile Photo">

diff --git a/public/tags/index.html b/public/tags/index.html
@@ -110,20 +110,20 @@ <h1 class="f3 near-black">
       </a>
     </h1>
     <div class="nested-links f5 lh-copy nested-copy-line-height">
-      <p>The core concept of AgenticDB would involve transforming traditional databases into intelligent agents capable of autonomously managing and optimizing data processes. Here&rsquo;s how it could innovate compared to Agentic AI:</p>
+      <p>The core concept of AgenticDB would involve transforming traditional databases into intelligent agents capable of autonomously managing and optimizing data processes, here are the goals that we want to achieve in the AgenticDB:</p>
 <ul>
 <li><strong>Autonomous Data Management</strong>: AgenticDB would autonomously handle data queries, indexing, and optimization without human intervention.</li>
 <li><strong>Intelligent Query Optimization</strong>: Use AI to understand and predict query patterns, optimizing performance and resource allocation dynamically.</li>
 <li><strong>Real-Time Adaptation</strong>: Continuously learn from interactions, adapting structures and schemas to better serve emerging data trends.</li>
 <li><strong>Enhanced Security</strong>: Implement intelligent monitoring and threat detection to safeguard data integrity and privacy.</li>
 </ul>
-<h2 id="why-special">Why Special?</h2>
+<h4 id="why-special">Why Special?</h4>
 <ul>
 <li><strong>Database-Specific Intelligence</strong>: While Agentic AI focuses on solving multi-step problems across industries, AgenticDB would specialize in data-centric tasks, enhancing database efficiency and reliability.</li>
 <li><strong>Integration with AI Models</strong>: Directly integrate with machine learning models to provide insights and analytics within the database environment, reducing data transfer overhead.</li>
 <li><strong>Automated Maintenance and Tuning</strong>: Automatically perform maintenance tasks like indexing, backup, and scaling, minimizing downtime and manual labor.</li>
 </ul>
-<h2 id="potential-applications">Potential Applications:</h2>
+<h4 id="potential-applications">Potential Applications:</h4>
 <ul>
 <li><strong>Data-Driven Decision Making</strong>: Provide actionable insights directly from the database, empowering real-time strategic decisions.</li>
 <li><strong>Optimized Resource Utilization</strong>: Efficiently allocate resources based on data usage patterns, improving performance and cost-effectiveness.</li>

diff --git a/public/tags/scene/index.html b/public/tags/scene/index.html
@@ -104,20 +104,20 @@ <h1 class="f3 near-black">
       </a>
     </h1>
     <div class="nested-links f5 lh-copy nested-copy-line-height">
-      <p>The core concept of AgenticDB would involve transforming traditional databases into intelligent agents capable of autonomously managing and optimizing data processes. Here&rsquo;s how it could innovate compared to Agentic AI:</p>
+      <p>The core concept of AgenticDB would involve transforming traditional databases into intelligent agents capable of autonomously managing and optimizing data processes, here are the goals that we want to achieve in the AgenticDB:</p>
 <ul>
 <li><strong>Autonomous Data Management</strong>: AgenticDB would autonomously handle data queries, indexing, and optimization without human intervention.</li>
 <li><strong>Intelligent Query Optimization</strong>: Use AI to understand and predict query patterns, optimizing performance and resource allocation dynamically.</li>
 <li><strong>Real-Time Adaptation</strong>: Continuously learn from interactions, adapting structures and schemas to better serve emerging data trends.</li>
 <li><strong>Enhanced Security</strong>: Implement intelligent monitoring and threat detection to safeguard data integrity and privacy.</li>
 </ul>
-<h2 id="why-special">Why Special?</h2>
+<h4 id="why-special">Why Special?</h4>
 <ul>
 <li><strong>Database-Specific Intelligence</strong>: While Agentic AI focuses on solving multi-step problems across industries, AgenticDB would specialize in data-centric tasks, enhancing database efficiency and reliability.</li>
 <li><strong>Integration with AI Models</strong>: Directly integrate with machine learning models to provide insights and analytics within the database environment, reducing data transfer overhead.</li>
 <li><strong>Automated Maintenance and Tuning</strong>: Automatically perform maintenance tasks like indexing, backup, and scaling, minimizing downtime and manual labor.</li>
 </ul>
-<h2 id="potential-applications">Potential Applications:</h2>
+<h4 id="potential-applications">Potential Applications:</h4>
 <ul>
 <li><strong>Data-Driven Decision Making</strong>: Provide actionable insights directly from the database, empowering real-time strategic decisions.</li>
 <li><strong>Optimized Resource Utilization</strong>: Efficiently allocate resources based on data usage patterns, improving performance and cost-effectiveness.</li>

diff --git a/public/tags/scene/index.xml b/public/tags/scene/index.xml
@@ -13,7 +13,7 @@
       <link>http://localhost:1313/NGDB/posts/chapter-1/</link>
       <pubDate>Wed, 06 Nov 2024 10:54:56 +0800</pubDate>
       <guid>http://localhost:1313/NGDB/posts/chapter-1/</guid>
-      <description>&lt;p&gt;The core concept of AgenticDB would involve transforming traditional databases into intelligent agents capable of autonomously managing and optimizing data processes. Here&amp;rsquo;s how it could innovate compared to Agentic AI:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Autonomous Data Management&lt;/strong&gt;: AgenticDB would autonomously handle data queries, indexing, and optimization without human intervention.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Intelligent Query Optimization&lt;/strong&gt;: Use AI to understand and predict query patterns, optimizing performance and resource allocation dynamically.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Real-Time Adaptation&lt;/strong&gt;: Continuously learn from interactions, adapting structures and schemas to better serve emerging data trends.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Enhanced Security&lt;/strong&gt;: Implement intelligent monitoring and threat detection to safeguard data integrity and privacy.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;why-special&#34;&gt;Why Special?&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Database-Specific Intelligence&lt;/strong&gt;: While Agentic AI focuses on solving multi-step problems across industries, AgenticDB would specialize in data-centric tasks, enhancing database efficiency and reliability.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Integration with AI Models&lt;/strong&gt;: Directly integrate with machine learning models to provide insights and analytics within the database environment, reducing data transfer overhead.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Automated Maintenance and Tuning&lt;/strong&gt;: Automatically perform maintenance tasks like indexing, backup, and scaling, minimizing downtime and manual labor.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h2 id=&#34;potential-applications&#34;&gt;Potential Applications:&lt;/h2&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Data-Driven Decision Making&lt;/strong&gt;: Provide actionable insights directly from the database, empowering real-time strategic decisions.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Optimized Resource Utilization&lt;/strong&gt;: Efficiently allocate resources based on data usage patterns, improving performance and cost-effectiveness.&lt;/li&gt;&#xA;&lt;/ul&gt;</description>
+      <description>&lt;p&gt;The core concept of AgenticDB would involve transforming traditional databases into intelligent agents capable of autonomously managing and optimizing data processes, here are the goals that we want to achieve in the AgenticDB:&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Autonomous Data Management&lt;/strong&gt;: AgenticDB would autonomously handle data queries, indexing, and optimization without human intervention.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Intelligent Query Optimization&lt;/strong&gt;: Use AI to understand and predict query patterns, optimizing performance and resource allocation dynamically.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Real-Time Adaptation&lt;/strong&gt;: Continuously learn from interactions, adapting structures and schemas to better serve emerging data trends.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Enhanced Security&lt;/strong&gt;: Implement intelligent monitoring and threat detection to safeguard data integrity and privacy.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h4 id=&#34;why-special&#34;&gt;Why Special?&lt;/h4&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Database-Specific Intelligence&lt;/strong&gt;: While Agentic AI focuses on solving multi-step problems across industries, AgenticDB would specialize in data-centric tasks, enhancing database efficiency and reliability.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Integration with AI Models&lt;/strong&gt;: Directly integrate with machine learning models to provide insights and analytics within the database environment, reducing data transfer overhead.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Automated Maintenance and Tuning&lt;/strong&gt;: Automatically perform maintenance tasks like indexing, backup, and scaling, minimizing downtime and manual labor.&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;h4 id=&#34;potential-applications&#34;&gt;Potential Applications:&lt;/h4&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;Data-Driven Decision Making&lt;/strong&gt;: Provide actionable insights directly from the database, empowering real-time strategic decisions.&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;Optimized Resource Utilization&lt;/strong&gt;: Efficiently allocate resources based on data usage patterns, improving performance and cost-effectiveness.&lt;/li&gt;&#xA;&lt;/ul&gt;</description>
     </item>
   </channel>
 </rss>