Yaawaly/Fulfulde-Dictionary-
Domaine:
natural language processingType de record:
tools
Créateur:
Yaa
Hôte:
قاموس اللغة الفولانية _ فلفلدي -عربي-انجليزي
# Fulfulde-Dictionary-
قاموس اللغة الفولانية _ فولفولدي -عربي -انجليزي
index.html
قاموس اللغة الفولانية - Fulfulde Dictionary
:root {
--primary-color: #2c5e1a;
--secondary-color: #f0f8e6;
--accent-color: #6b8e23;
--text-color: #333;
--light-text: #666;
--background: #f9f9f9;
--card-bg: #fff;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: var(--background);
color: var(--text-color);
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
header {
background-color: var(--primary-color);
color: white;
padding: 1rem;
text-align: center;
border-radius: 8px 8px 0 0;
margin-bottom: 20px;
}
h1 {
font-size: 2rem;
margin-bottom: 10px;
}
.subtitle {
font-size: 1rem;
opacity: 0.9;
}
.main-content {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.input-section {
flex: 1;
min-width: 300px;
background-color: var(--card-bg);
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.dictionary-section {
flex: 2;
min-width: 300px;
background-color: var(--card-bg);
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.form-group {
margin-bottom: 15px;
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: var(--primary-color);
}
input, textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 1rem;
}
button {
background-color: var(--primary-color);
color: white;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
font-size: 1rem;
transition: background-color 0.3s;
}
button:hover {
background-color: var(--accent-color);
}
.search-box {
margin-bottom: 20px;
display: flex;
}
.search-box input {
border-radius: 4px 0 0 4px;
}
.search-box button {
border-radius: 0 4px 4px 0;
}
.alphabet-filter {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 20px;
justify-content: center;
}
.alphabet-filter button {
padding: 5px 10px;
back …