Spaces:

knowledgator
/

UTC_HandyLab

Sleeping

App Files Files Community

BioMike commited on Jun 5

Commit

8f46f79

•

1 Parent(s): 916d63b

Update materials/introduction.html

Browse files

Files changed (1) hide show

materials/introduction.html +71 -73

materials/introduction.html CHANGED Viewed

@@ -1,74 +1,72 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>UTC (Universal Token Classification) HandyLab App Description</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            margin: 10px;
-            line-height: 1.6;
-        }
-        .link-button {
-            display: inline-flex;
-            align-items: center; /* Center content vertically */
-            justify-content: center; /* Center content horizontally */
-            margin: 5px;  /* Consistent margin around buttons */
-            padding: 8px 10px; /* Slightly reduced vertical padding */
-            background-color: white;
-            border: 1px solid grey;
-            color: #007bff;
-            text-decoration: none;
-            border-radius: 10px;
-            box-sizing: border-box;
-            height: 40px; /* Fixed height for uniformity */
-            flex: 0 0 auto; /* No grow, no shrink, automatic basis */
-        }
-        .link-button img {
-            max-height: 30px; /* Maximum height for images */
-            margin: 0; /* Remove any default margin */
-            padding: 0; /* Remove any default padding */
-        }
-        .links-container {
-            display: flex;
-            justify-content: center;
-            flex-wrap: nowrap; /* Prevent wrapping */
-            align-items: center; /* This should ensure vertical alignment */
-            width: 100%; /* Full width to accommodate all items */
-            margin-top: 10px; /* Some space above the container */
-        }
-        .discord-adjust {
-        transform: translateY(-2px); /* Moves the button slightly upwards */
-    }
-    </style>
-</head>
-<body>
-    <h2>Welcome to UTC (Universal Token Classification) HandyLab!</h2>
-    <h3>With UTC (Universal Token Classification) HandyLab, you can effortlessly handle following tasks:</h3>
-    <ol>
-        <li><b>Named Entity Recognition (NER):</b> Identifies and categorizes entities such as names, organizations, dates, and other specific items in the text.</li>
-        <li><b>Relation Extraction:</b> Detects and classifies relationships between entities within the text.</li>
-        <li><b>Summarization:</b> Extract the most important sentences that summarize the input text, capturing the essential information.</li>
-        <li><b>Sentiment Extraction:</b> Identify parts of the text that signalize a positive, negative, or neutral sentiment.</li>
-        <li><b>Key-Phrase Extraction:</b> Identifies and extracts important phrases and keywords from the text.</li>
-        <li><b>Question-answering:</b> Finding an answer in the text given a question.</li>
-        <li><b>Open Information Extraction:</b> Extracts pieces of text given an open prompt from a user, for example, product description extraction.</li>
-        <li><b>Text Cleaning:</b> Clear the text from unnecessary parts according to the prompt.</li>
-    </ol>
-    <h3>What is UTC (Universal Token Classification) HandyLab</h3>
-    <p>UTC (Universal Token Classification) HandyLab serves as a foundational showcase of our technological capabilities within the universal information extraction. It enployes the model <a href="https://huggingface.co/knowledgator/UTC-DeBERTa-large-v2">"knowledgator/UTC-DeBERTa-large-v2"</a>. UTC-DeBERTa-large-v2 is a secong version of our UTC model, designed to extract various pieces of information from plain text based on a user-provided custom prompt.<p>
-    <h3>Remember, information extraction is not just about data; it's about insights. Let's uncover those insights together!💫</h3>
-    <!-- Links Section -->
-    <div class="links-container">
-        <a href="https://www.knowledgator.com/" class="link-button" target="_blank"><img src="https://assets-global.website-files.com/65902be8ba48a05dfdb73331/6590476fcc8e8f35b2332781_Group%201000002504%20(1).png" alt="Visit our website"></a>
-        <a href="https://www.linkedin.com/company/knowledgator/" class="link-button" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/LinkedIn_Logo.svg/1280px-LinkedIn_Logo.svg.png" alt="Follow on LinkedIn"></a>
-        <a href="https://huggingface.co/knowledgator/" class="link-button" target="_blank"><img src="https://vectorseek.com/wp-content/uploads/2023/12/Hugging-Face-Logo-Vector.svg-.png" alt="Hugging Face Profile"></a>
-        <a href="https://twitter.com/knowledgator" class="link-button" target="_blank"><img src="https://freepnglogo.com/images/all_img/1691832278twitter-x-logo-png.png" alt="Follow on X"></a>
-        <a href="https://blog.knowledgator.com/" class="link-button" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Medium_%28website%29_logo.svg/2560px-Medium_%28website%29_logo.svg.png" alt="Follow on Medium"></a>
-        <a href="https://discord.com/invite/dkyeAgs9DG" class="link-button discord-adjust" target="_blank">
-            <img src="https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0b52aa9e99b832574a53_full_logo_blurple_RGB.png" alt="Join our Discord">
-        </a>
-    </div>
-</body>
 </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>UTC (Universal Token Classification) HandyLab App Description</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 10px;
+            line-height: 1.6;
+        }
+        .link-button {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            margin: 10px;
+            padding: 10px;
+            background-color: white;
+            border: 1px solid grey; /* Added border to make the button visible against white background */
+            color: #007bff; /* Text color changed to make it visible against white background */
+            text-decoration: none;
+            border-radius: 10px;
+            text-align: center;
+            vertical-align: middle;
+            box-sizing: border-box;
+        }
+        .link-button:hover {
+            background-color: #c0dcfc;
+        }
+        .link-button img {
+            height: 20px;
+            width: auto;
+            display: block;
+        }
+        .links-container {
+            text-align: center; /* Center the container's content */
+            margin: auto; /* Auto margins for horizontal centering if necessary */
+            display: flex; /* Use flexbox */
+            justify-content: center; /* Center flex items horizontally */
+            flex-wrap: wrap; /* Allow items to wrap */
+        }
+    </style>
+</head>
+<body>
+    <h2>Welcome to UTC (Universal Token Classification) HandyLab!</h2>
+    <h3>With UTC (Universal Token Classification) HandyLab, you can effortlessly handle following tasks:</h3>
+    <ol>
+        <li><b>Named Entity Recognition (NER):</b> Identifies and categorizes entities such as names, organizations, dates, and other specific items in the text.</li>
+        <li><b>Relation Extraction:</b> Detects and classifies relationships between entities within the text.</li>
+        <li><b>Summarization:</b> Extract the most important sentences that summarize the input text, capturing the essential information.</li>
+        <li><b>Sentiment Extraction:</b> Identify parts of the text that signalize a positive, negative, or neutral sentiment.</li>
+        <li><b>Key-Phrase Extraction:</b> Identifies and extracts important phrases and keywords from the text.</li>
+        <li><b>Question-answering:</b> Finding an answer in the text given a question.</li>
+        <li><b>Open Information Extraction:</b> Extracts pieces of text given an open prompt from a user, for example, product description extraction.</li>
+        <li><b>Text Cleaning:</b> Clear the text from unnecessary parts according to the prompt.</li>
+    </ol>
+    <h3>What is UTC (Universal Token Classification) HandyLab</h3>
+    <p>UTC (Universal Token Classification) HandyLab serves as a foundational showcase of our technological capabilities within the universal information extraction. It enployes the model <a href="https://huggingface.co/knowledgator/UTC-DeBERTa-large-v2">"knowledgator/UTC-DeBERTa-large-v2"</a>. UTC-DeBERTa-large-v2 is a secong version of our UTC model, designed to extract various pieces of information from plain text based on a user-provided custom prompt.<p>
+    <h3>Remember, information extraction is not just about data; it's about insights. Let's uncover those insights together!💫</h3>
+    <!-- Links Section -->
+    <div class="links-container">
+        <a href="https://www.knowledgator.com/" class="link-button" target="_blank"><img src="https://assets-global.website-files.com/65902be8ba48a05dfdb73331/6590476fcc8e8f35b2332781_Group%201000002504%20(1).png" alt="Visit our website"></a>
+        <a href="https://www.linkedin.com/company/knowledgator/" class="link-button" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/LinkedIn_Logo.svg/1280px-LinkedIn_Logo.svg.png" alt="Follow on LinkedIn"></a>
+        <a href="https://huggingface.co/knowledgator/" class="link-button" target="_blank"><img src="https://vectorseek.com/wp-content/uploads/2023/12/Hugging-Face-Logo-Vector.svg-.png" alt="Hugging Face Profile"></a>
+        <a href="https://twitter.com/knowledgator" class="link-button" target="_blank"><img src="https://freepnglogo.com/images/all_img/1691832278twitter-x-logo-png.png" alt="Follow on X"></a>
+        <a href="https://blog.knowledgator.com/" class="link-button" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Medium_%28website%29_logo.svg/2560px-Medium_%28website%29_logo.svg.png" alt="Follow on Medium"></a>
+        <a href="https://discord.com/invite/dkyeAgs9DG" class="link-button" target="_blank"><img src="https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0b52aa9e99b832574a53_full_logo_blurple_RGB.png" alt="Join our Discord">
+        </a>
+    </div>
+</body>
 </html>