File size: 5,213 Bytes
3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f e37e31d 3fe126f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 |
<!-- templates/error.html -->
<!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>
<!-- Navbar -->
<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>
|