2025-06-06 23:16:10 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="<%= language %>">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>No as a Service</title>
|
|
|
|
|
<link rel="stylesheet" href="/css/styles.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<h1>No as a Service</h1>
|
|
|
|
|
<p class="subtitle">The definitive multilingual API for negative responses</p>
|
|
|
|
|
|
|
|
|
|
<div class="language-info">
|
|
|
|
|
Currently in: <strong><%= language_name %></strong>
|
|
|
|
|
<% if language == 'no' %><span class="nordic-flag">🇳🇴</span><% end %>
|
|
|
|
|
<% if language == 'sv' %><span class="nordic-flag">🇸🇪</span><% end %>
|
|
|
|
|
<% if language == 'da' %><span class="nordic-flag">🇩🇰</span><% end %>
|
|
|
|
|
<% if language == 'is' %><span class="nordic-flag">🇮🇸</span><% end %>
|
|
|
|
|
<% if language == 'fi' %><span class="nordic-flag">🇫🇮</span><% end %>
|
|
|
|
|
<% if language == 'fo' %><span class="nordic-flag">🇫🇴</span><% end %>
|
2025-06-10 20:55:22 +02:00
|
|
|
<% if language == 'en' %><span class="europe-flag">🇬🇧</span><% end %>
|
|
|
|
|
<% if language == 'fr' %><span class="europe-flag">🇫🇷</span><% end %>
|
|
|
|
|
<% if language == 'de' %><span class="europe-flag">🇩🇪</span><% end %>
|
|
|
|
|
<% if language == 'es' %><span class="europe-flag">🇪🇸</span><% end %>
|
|
|
|
|
<% if language == 'it' %><span class="europe-flag">🇮🇹</span><% end %>
|
|
|
|
|
<% if language == 'pt' %><span class="europe-flag">🇵🇹</span><% end %>
|
|
|
|
|
<% if language == 'pl' %><span class="europe-flag">🇵🇱</span><% end %>
|
|
|
|
|
<% if language == 'nl' %><span class="europe-flag">🇳🇱</span><% end %>
|
|
|
|
|
<% if language == 'ru' %><span class="eurasia-flag">🇷🇺</span><% end %>
|
|
|
|
|
<% if language == 'tr' %><span class="eurasia-flag">🇹🇷</span><% end %>
|
|
|
|
|
<% if language == 'ar' %><span class="asia-flag">🇸🇦</span><% end %>
|
|
|
|
|
<% if language == 'hi' %><span class="asia-flag">🇮🇳</span><% end %>
|
|
|
|
|
<% if language == 'bn' %><span class="asia-flag">🇧🇩</span><% end %>
|
|
|
|
|
<% if language == 'vi' %><span class="asia-flag">🇻🇳</span><% end %>
|
|
|
|
|
<% if language == 'ur' %><span class="asia-flag">🇵🇰</span><% end %>
|
|
|
|
|
<% if language == 'ms' %><span class="asia-flag">🇲🇾</span><% end %>
|
|
|
|
|
<% if language == 'th' %><span class="asia-flag">🇹🇭</span><% end %>
|
|
|
|
|
<% if language == 'zh' %><span class="asia-flag">🇨🇳</span><% end %>
|
|
|
|
|
<% if language == 'ja' %><span class="asia-flag">🇯🇵</span><% end %>
|
|
|
|
|
<% if language == 'ko' %><span class="asia-flag">🇰🇷</span><% end %>
|
|
|
|
|
<% if language == 'smi' %><span class="nordic-flag">🇸🇪</span><% end %>
|
2025-06-06 23:16:10 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="logo-container">
|
|
|
|
|
<div class="logo" onclick="logoClick()">
|
|
|
|
|
❌
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="no-response">
|
|
|
|
|
<%= no_response %>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="controls">
|
|
|
|
|
<button class="refresh-btn" onclick="location.reload()">
|
|
|
|
|
Get Another No
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<select class="language-selector" onchange="changeLanguage(this.value)">
|
|
|
|
|
<% available_languages.each do |lang| %>
|
|
|
|
|
<option value="<%= lang[:code] %>" <%= 'selected' if lang[:code] == language %>>
|
|
|
|
|
<%= lang[:name] %>
|
|
|
|
|
</option>
|
|
|
|
|
<% end %>
|
|
|
|
|
</select>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="api-info">
|
|
|
|
|
<h3>API Usage</h3>
|
|
|
|
|
<p>JSON API: <code>GET /api/no</code> or <code>GET /api/no/:lang</code></p>
|
|
|
|
|
<p>Languages: <code>GET /languages</code></p>
|
|
|
|
|
<p>URL Parameter: <code>?lang=<%= language %></code></p>
|
|
|
|
|
<p>Accept-Language header supported</p>
|
|
|
|
|
<p>Health Check: <code>GET /health</code></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="/js/scripts.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
