<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Disclaimer Generator</title>
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<style>
body {
font-family: 'Arial', sans-serif;
background-color: #f2f2f2;
margin: 0;
padding: 20px;
box-sizing: border-box;
}
#chatContainer {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
width: 100%;
max-width: 800px;
margin: auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#chatHeader {
background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
color: white;
padding: 10px;
text-align: center;
font-size: 20px;
}
#userInputs {
padding: 20px;
text-align: center;
}
#userInputs input {
margin: 5px;
padding: 10px;
width: calc(100% - 30px);
border-radius: 5px;
border: 1px solid #ccc;
}
button {
width: calc(100% - 40px);
padding: 10px;
margin: 20px;
border-radius: 8px;
border: none;
color: white;
font-size: 16px;
cursor: pointer;
background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
transition: all 0.3s ease;
}
button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
#chatBody {
padding: 20px;
max-height: 300px;
overflow-y: auto;
}
.messageContainer {
display: flex;
justify-content: flex-end;
margin-bottom: 10px;
}
.message {
background-color: #e2f0cb;
padding: 10px;
border-radius: 5px;
max-width: 70%;
word-wrap: break-word;
}
#progressOverlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
#progressOverlay > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 20px;
}
/* Styles for formatted text and typewriter effect */
.formatted-text {
white-space: pre-wrap;
/* Keeps white space and line breaks */
}
.formatted-text a {
color: #007bff;
text-decoration: none;
}
.formatted-text a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div id="chatContainer">
<div id="chatHeader">Website Disclaimer Generator</div>
<div id="userInputs">
<input type="text" id="websiteName" placeholder="Website Name">
<input type="text" id="websiteURL" placeholder="Website URL">
<input type="email" id="contactEmail" placeholder="Contact Email">
</div>
<button id="generateDisclaimer" onclick="generateDisclaimer()">Generate Website Disclaimer</button>
<div id="chatBody"></div>
</div>
<div id="progressOverlay">
<div>Thinking...</div>
</div>
<script>
function generateDisclaimer() {
var websiteName = $("#websiteName").val();
var websiteURL = $("#websiteURL").val();
var contactEmail = $("#contactEmail").val();
var disclaimerPrompt = `Generate a website disclaimer for the website named "${websiteName}" with URL "${websiteURL}" and contact email "${contactEmail}". Include sections for the collection of personal information, use of cookies, third-party disclosure, and user rights.`;
$('#progressOverlay').show(); // Show progress overlay
// how to get API key
// https://allfreestore.com/wp-content/uploads/2024/03/Get%20OpenAI%20API%20Key.mp4
var apiKey = 'your_api_key'; // Replace with your actual OpenAI API key
var apiUrl = 'https://api.openai.com/v1/chat/completions';
var requestBody = {
model: 'gpt-3.5-turbo',
messages: [{
role: 'user',
content: disclaimerPrompt
}],
temperature: 0.7
};
$.ajax({
type: 'POST',
url: apiUrl,
headers: {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + apiKey
},
data: JSON.stringify(requestBody),
success: function(response) {
$('#progressOverlay').hide(); // Hide progress overlay
addTypewriterEffect(response.choices[0].message.content, 'chatBody');
},
error: function(error) {
$('#progressOverlay').hide(); // Hide progress overlay on error
console.error('Error generating privacy policy:', error);
}
});
}
function formatResponseText(text) {
// Convert URLs into hyperlinks
text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>');
// Detect headings and make them bold
text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>');
// Replace newline characters with <p> tags for paragraphs
// text = text.replace(/\n/g, '</p><p>');
// Wrap the text in <p> tags to ensure it starts and ends as a paragraph
return '<p>' + text + '</p>';
}
function addTypewriterEffect(text, elementId) {
var formattedText = formatResponseText(text);
var container = $('<div class="messageContainer"></div>').appendTo('#' + elementId);
var message = $('<div class="message formatted-text" style="background-color: #f5f5f5;"></div>').appendTo(container);
var i = 0;
var speed = 10; // Typing speed in milliseconds
function typeWriter() {
if (i < formattedText.length) {
var charToAdd = formattedText.charAt(i);
if (formattedText.substring(i).startsWith('<a href=') || formattedText.substring(i).startsWith('<br>') || formattedText.substring(i).startsWith('<strong>')) {
var tagEnd = formattedText.indexOf('>', i) + 1;
charToAdd = formattedText.substring(i, tagEnd);
i = tagEnd;
} else if (formattedText.charAt(i) === '<') {
var tagEnd = formattedText.indexOf('>', i) + 1;
charToAdd = formattedText.substring(i, tagEnd);
i = tagEnd - 1;
}
message.append(charToAdd);
i++;
setTimeout(typeWriter, speed);
} else {
var copyIcon = $('<div class="copyIcon">📋</div>').appendTo(container);
copyIcon.click(function() {
var textToCopy = message.text();
navigator.clipboard.writeText(textToCopy).then(function() {
alert('Text copied to clipboard!');
}, function(err) {
console.error('Could not copy text: ', err);
});
});
var regenerateIcon = $('<div class="regenerateIcon">🔁</div>').appendTo(container);
regenerateIcon.click(function() {
$('#chatBody').html(''); // Clear the previous messages
generateDisclaimer(); // Call generatePrivacyPolicy function to regenerate the policy
});
}
}
typeWriter();
}
function formatResponseText(text) {
text = text.replace(/(https?:\/\/[^\s]+)/g, '<a href="$1" target="_blank">$1</a>');
text = text.replace(/^##\s?(.+)/gm, '<strong>$1</strong>');
text = text.replace(/^(\s*(?:-|\*|\d+\.)\s+.+)$/gm, '$1<br>');
return text;
}
</script>
<style>
.regenerateIcon,
.copyIcon {
cursor: pointer;
display: inline-block;
margin-left: 10px;
font-size: 20px;
/* Adjust size as needed */
}
.userMessage .message {
background-color: #e2f0cb;
}
#progressOverlay {
display: none;
/* Initially hidden */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
}
#progressOverlay > div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 20px;
}
</style>
<div id="progressOverlay">
<div>Thinking...</div>
</div>
</script>
</body>
</html>
द्वैतवाद और त्रैतवाद: एक संक्षिप्त विवरण
द्वैतवाद:
* दो सत्ताओं का सिद्धांत: द्वैतवाद के अनुसार सृष्टि में दो मूलभूत और स्वतंत्र सत्ताएं हैं।
* जीव, जगत् और ब्रह्म भिन्न: इस दर्शन में जीव, जगत् और ब्रह्म को एक-दूसरे से भिन्न माना जाता है।
* एकत्ववाद का विरोध: द्वैतवाद, एकत्ववाद या अद्वैतवाद के ठीक विपरीत है, जो केवल एक ही सत् की बात करता है।
त्रैतवाद:
* तीन सत्ताओं का सिद्धांत: त्रैतवाद के अनुसार सृष्टि में तीन मूलभूत सत्ताएं हैं।
* जीव, जगत् और ईश्वर: ये तीन सत्ताएं जीव, जगत् और ईश्वर हैं।
* सभी का स्वतंत्र अस्तित्व: त्रैतवाद में इन तीनों का स्वतंत्र अस्तित्व माना जाता है।
* मोक्ष का मार्ग: त्रैतवाद के अनुसार इन तीनों के पृथक अस्तित्व को समझना मोक्ष का मार्ग है।
उदाहरण:
* द्वैतवाद: जैसे दिन और रात दो अलग-अलग अवस्थाएं हैं।
* त्रैतवाद: दवा, डॉक्टर और रोगी तीनों के बिना रोग ठीक नहीं हो सकता।
अंतर:
* द्वैतवाद दो सत्ताओं पर केंद्रित है जबकि त्रैतवाद तीन सत्ताओं पर।
* दोनों ही दर्शन एकत्ववाद का विरोध करते हैं।
अधिक जानने के लिए:
* विकिपीडिया: द्वैतवाद और त्रैतवाद
क्या आप इन दर्शनों के बारे में और अधिक जानना चाहते हैं?
* विशिष्ट दार्शनिक: किसी विशेष दार्शनिक के विचार जानना चाहते हैं?
* तुलना: द्वैतवाद और त्रैतवाद की अन्य दर्शनों से तुलना करना चाहते हैं?
* आलोचना: इन दर्शनों की आलोचनाएं जानना चाहते हैं?
कृपया अपनी जिज्ञासा बताएं।
द्वैतवाद और त्रैतवाद का अन्य दर्शनों से संबंध
द्वैतवाद और त्रैतवाद, भारतीय दर्शन के प्रमुख द्वैतवादी दर्शन हैं। ये दोनों दर्शन, अद्वैतवाद जैसे एकत्ववादी दर्शनों के ठीक विपरीत हैं। आइए देखें कि ये दोनों दर्शन अन्य प्रमुख दर्शनों से कैसे संबंधित हैं:
अद्वैतवाद
* मूलभूत अंतर: अद्वैतवाद के अनुसार ब्रह्म ही एकमात्र सत्य है और जीव और जगत् ब्रह्म के ही भिन्न रूप हैं। द्वैतवाद और त्रैतवाद में जीव, जगत् और ब्रह्म को अलग-अलग सत्ताएं माना जाता है।
* संबंध: ये दोनों दर्शन अद्वैतवाद की एकत्ववादी अवधारणा का खंडन करते हैं।
विशिष्टाद्वैतवाद
* संबंध: विशिष्टाद्वैतवाद में भी जीव, जगत् और ईश्वर तीन अलग-अलग सत्ताएं हैं, लेकिन इनमें ईश्वर सर्वशक्तिमान और सर्वज्ञ माना जाता है। द्वैतवाद और त्रैतवाद में भी ईश्वर का अस्तित्व माना जाता है, लेकिन विशिष्टाद्वैतवाद की तरह ईश्वर को सर्वशक्तिमान नहीं माना जाता।
सांख्य दर्शन
* संबंध: सांख्य दर्शन में भी पुरुष (चेतन) और प्रकृति (अचेतन) दो मूलभूत तत्व माने जाते हैं। द्वैतवाद में भी दो मूलभूत सत्ताएं मानी जाती हैं, लेकिन सांख्य दर्शन में प्रकृति को निष्क्रिय माना जाता है जबकि द्वैतवाद में दोनों सत्ताएं सक्रिय होती हैं।
योग दर्शन
* संबंध: योग दर्शन में भी चित्त और शरीर को दो अलग-अलग तत्व माना जाता है। द्वैतवाद में भी जीव और जगत् को दो अलग-अलग सत्ताएं माना जाता है, लेकिन योग दर्शन का मुख्य उद्देश्य चित्त को शांत करना है जबकि द्वैतवाद में मोक्ष प्राप्त करने का मार्ग अलग होता है।
वैशेषिक दर्शन
* संबंध: वैशेषिक दर्शन में पदार्थ को छह गुणों से युक्त माना जाता है। द्वैतवाद में भी पदार्थ का अस्तित्व माना जाता है, लेकिन वैशेषिक दर्शन में पदार्थ को ही ब्रह्म माना जाता है जबकि द्वैतवाद में पदार्थ और ब्रह्म अलग-अलग सत्ताएं होती हैं।
डॉ त्रिभुवन नाथ श्रीवास्तव, पूर्व प्राचार्य, विवेकानंद योग प्राकृतिक चिकित्सा महाविद्यालय एवं चिकित्सालय, बाजोर, सीकर, राजस्थान
कोई टिप्पणी नहीं:
एक टिप्पणी भेजें