|
|
|
|
|
<!DOCTYPE html> |
|
|
<html> |
|
|
<head> |
|
|
<title>Error - Word Sense Disambiguation Tool</title> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
body { |
|
|
background: linear-gradient(135deg, #f8fafc 0%, #e3e6f3 100%); |
|
|
min-height: 100vh; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
} |
|
|
.navbar { |
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.07); |
|
|
} |
|
|
.main-container { |
|
|
max-width: 700px; |
|
|
margin: 2rem auto; |
|
|
padding: 2rem; |
|
|
background-color: white; |
|
|
border-radius: 16px; |
|
|
box-shadow: 0 4px 24px rgba(79,140,255,0.07); |
|
|
} |
|
|
.error-icon { |
|
|
font-size: 4rem; |
|
|
color: #dc3545; |
|
|
margin-bottom: 1rem; |
|
|
} |
|
|
.error-details { |
|
|
background-color: #f8f9fa; |
|
|
padding: 1rem; |
|
|
border-radius: 8px; |
|
|
font-family: monospace; |
|
|
white-space: pre-wrap; |
|
|
margin-top: 1rem; |
|
|
border-left: 4px solid #dc3545; |
|
|
} |
|
|
.suggestion-card { |
|
|
background-color: #e3e6f3; |
|
|
border-radius: 8px; |
|
|
padding: 1rem; |
|
|
margin-top: 1.5rem; |
|
|
} |
|
|
.suggestion-item { |
|
|
display: flex; |
|
|
align-items: flex-start; |
|
|
margin-bottom: 0.5rem; |
|
|
} |
|
|
.suggestion-item i { |
|
|
color: #4f8cff; |
|
|
margin-right: 0.5rem; |
|
|
margin-top: 0.25rem; |
|
|
} |
|
|
.footer { |
|
|
margin-top: auto; |
|
|
background: #f8fafc; |
|
|
color: #6c757d; |
|
|
text-align: center; |
|
|
padding: 1rem 0 0.5rem 0; |
|
|
font-size: 0.95rem; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-white mb-4"> |
|
|
<div class="container"> |
|
|
<a class="navbar-brand fw-bold" href="/"> |
|
|
<i class="fa-solid fa-brain me-2"></i>WSD Tool |
|
|
</a> |
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> |
|
|
<span class="navbar-toggler-icon"></span> |
|
|
</button> |
|
|
<div class="collapse navbar-collapse" id="navbarNav"> |
|
|
<ul class="navbar-nav ms-auto"> |
|
|
<li class="nav-item"> |
|
|
<a href="{{ url_for('index') }}" class="btn btn-outline-primary"> |
|
|
<i class="fa-solid fa-arrow-left me-1"></i>Back to Input |
|
|
</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
<div class="container main-container"> |
|
|
<div class="text-center mb-4"> |
|
|
<div class="error-icon"> |
|
|
<i class="fa-solid fa-circle-exclamation"></i> |
|
|
</div> |
|
|
<h2 class="text-danger">Oops! Something went wrong</h2> |
|
|
</div> |
|
|
|
|
|
<div class="alert alert-danger"> |
|
|
<i class="fa-solid fa-triangle-exclamation me-2"></i>{{ error_message }} |
|
|
</div> |
|
|
|
|
|
{% if error_details %} |
|
|
<div class="error-details"> |
|
|
<div class="mb-2 fw-bold">Error Details:</div> |
|
|
{{ error_details }} |
|
|
</div> |
|
|
{% endif %} |
|
|
|
|
|
<div class="suggestion-card"> |
|
|
<h5 class="mb-3"><i class="fa-solid fa-lightbulb me-2"></i>Try These Solutions:</h5> |
|
|
<div class="suggestion-item"> |
|
|
<i class="fa-solid fa-check-circle"></i> |
|
|
<div>Use a different word or sentence with clear context</div> |
|
|
</div> |
|
|
<div class="suggestion-item"> |
|
|
<i class="fa-solid fa-check-circle"></i> |
|
|
<div>Make sure the word has multiple meanings in WordNet</div> |
|
|
</div> |
|
|
<div class="suggestion-item"> |
|
|
<i class="fa-solid fa-check-circle"></i> |
|
|
<div>Provide more context around the ambiguous word</div> |
|
|
</div> |
|
|
<div class="suggestion-item"> |
|
|
<i class="fa-solid fa-check-circle"></i> |
|
|
<div>Try one of the example sentences from the home page</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-4"> |
|
|
<a href="{{ url_for('index') }}" class="btn btn-primary px-4 py-2"> |
|
|
<i class="fa-solid fa-home me-2"></i>Return to Home |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<footer class="footer"> |
|
|
<div>Made with <i class="fa-solid fa-heart text-danger"></i> by <a href="https://github.com/Gunjankumar55" target="_blank">Gunjankumar Choudhari</a> | <a href="{{ url_for('lesk_explained') }}">How it works</a></div> |
|
|
<div class="mt-1">© 2024 WSD Tool. All rights reserved.</div> |
|
|
</footer> |
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> |
|
|
</body> |
|
|
</html> |
|
|
|
