Spaces:

sedtha
/

interface_model_mBart_Lora

Build error

App Files Files Community

interface_model_mBart_Lora / templates /index.html

sedtha

Upload 18 files

865f0b3 verified 3 months ago

raw

history blame contribute delete

5.09 kB

	<!DOCTYPE html>
	<html lang="km">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>SummarizeKH - សង្ខេបអត្ថបទជាភាសាខ្មែរ</title>
	<link
	href="https://fonts.googleapis.com/css2?family=Hanuman:wght@400;700&display=swap"
	rel="stylesheet"
	/>
	<link
	rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
	/>
	<link
	href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css"
	rel="stylesheet"
	/>
	<link href="../static/style.css" rel="stylesheet" />
	<link href="../static/index.css" rel="stylesheet" />
	</head>
	<body>
	<header>
	<div class="logo">
	<img
	src="{{ url_for('static', filename='image/ams.png') }}"
	alt="AMS logo"
	/>
	<div class="title">
	ដេប៉ាតឺម៉ង់គណិតវិទ្យាអនុវត្ត និងស្ថិតិ<br />
	Department of Applied Mathematics and Statistics
	</div>
	<div class="main-title">SUMMARIZE KH<br /></div>
	</div>
	<nav class="navbar navbar-expand-lg navbar-custom">
	<div class="container-fluid">
	<div class="collapse navbar-collapse show d-flex justify-content-between align-items-center">
	<ul class="navbar-nav mb-2 mb-lg-0 d-flex flex-wrap">
	<li class="nav-item">
	<a class="nav-link" href="{{ url_for('index') }}">Home</a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{ url_for('how_to_use') }}">How to Use</a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{ url_for('about') }}">About Us</a>
	</li>
	<li class="nav-item">
	<a class="nav-link" href="{{ url_for('contact') }}">Contact</a>
	</li>
	</ul>
	</div>
	</div>
	</nav>
	</header>

	<main class="translator container my-4">
	<!-- Input Section -->
	<section class="box mb-4">
	<label for="input">ភាសាខ្មែរ</label>
	<div id="input" class="editable" contenteditable="true" data-placeholder="សូមបញ្ចូលអត្ថបទសង្ខេប"></div>

	<div class="bottom-bar d-flex justify-content-between align-items-center mt-3">
	<div class="icon-buttons">
	<button class="icon-btn" onclick="copyInputText()" title="ចម្លង">
	<i class="fas fa-copy"></i>
	</button>
	<button class="icon-btn" onclick="clearInput()" title="លុប">
	<i class="fas fa-times"></i>
	</button>
	</div>
	<button class="btn-summarize" onclick="summarizeText()">សង្ខេប</button>
	</div>
	</section>

	<!-- Outputs Section -->
	<section class="outputs-container">
	<div class="output-section">
	<div class="model-dropdown">
	<label for="model-select-1">ជ្រើសរើស Model:</label>
	<select id="model-select-1">
	<option value="model1">Model 1 - mBART</option>
	<option value="model2">Model 2 - mT5</option>
	</select>
	</div>
	<div class="output-box-wrapper">
	<label>លទ្ធផលសង្ខេប</label>
	<div id="output1" class="output-content" data-placeholder="លទ្ធផលសង្ខេបនឹងបង្ហាញនៅទីនេះ"></div>
	<button class="icon-btn" onclick="copyOutput('output1')" title="ចម្លងលទ្ធផល">
	<i class="fas fa-copy"></i>
	</button>
	</div>
	</div>

	<div class="output-section">
	<div class="model-dropdown">
	<label for="model-select-2">ជ្រើសរើស Model:</label>
	<select id="model-select-2">
	<option value="model1">Model 1 - mBART</option>
	<option value="model2" selected>Model 2 - mT5</option>
	</select>
	</div>
	<div class="output-box-wrapper">
	<label>លទ្ធផលសង្ខេប</label>
	<div id="output2" class="output-content" data-placeholder="លទ្ធផលសង្ខេបនឹងបង្ហាញនៅទីនេះ"></div>
	<button class="icon-btn" onclick="copyOutput('output2')" title="ចម្លងលទ្ធផល">
	<i class="fas fa-copy"></i>
	</button>
	</div>
	</div>
	</section>
	</main>

	<!-- JS -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"></script>
	<script src="../static/index.js"></script>
	</body>
	</html>