Skip to content

Commit 5f0eb79

Browse files
author
atj61275
committed
api
1 parent e1a8d02 commit 5f0eb79

3 files changed

Lines changed: 85 additions & 36 deletions

File tree

‎human-philosophy/articles/Rational und Emotional.txt‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,11 @@
1+
# Weltbezogen und Emotionsempfindend
12

3+
\ekni Jeder Mensch hat einen weltbezogenen Anteil und einen emotionsempfindenden Anteil.
4+
\ekli Weltbezogener Anteil betrachtet rational die Welt und bestimmt effektive Handlungen in dieser.
5+
\ekli Emotionsempfindender Anteil nimmt eigene Emotionen wahr, unabhängig von der realen Lage der Welt.
26

3-
# Weltbezogen und Emotionsempfindend
7+
\ekni Beide Anteile werden für das menschliche Leben gebraucht. Beide können aus der Balance fallen.
8+
\ekli Wb Anteil erzeugt Handlungen anhand von tatsächlichen Beobachtung in der realen Welt, ist damit auf deren Regeln abgestimmt.
9+
\ekli Ee Anteil ordnet zwischenmenschliche Beziehungen ein und richtet das Streben aus. Ein Befassen mit dem inneren Empfinden des Selbst.
10+
\ekli Übergewicht auf Wb verliert Kontakt zum Selbst, zum menschlichen Ziel/Hintergrund der Handlungen. Kaltes, starres Kalkül.
11+
\ekli Übergewicht auf Ee verliert sich in Momentlust, erzeugt durch Ignorieren der Welt Zustände, die zerstörerisch sind. Süchte, Wahn.

‎human-philosophy/articles/index.html‎

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
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>Sample Website with Montserrat Font</title>
7+
<!-- Include Montserrat font from Google Fonts -->
8+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
9+
<style>
10+
body {
11+
font-family: 'Montserrat', sans-serif;
12+
}
13+
14+
.header {
15+
background-color: #f0f0f0;
16+
padding: 20px;
17+
text-align: center;
18+
}
19+
20+
.content {
21+
padding: 20px;
22+
}
23+
24+
.footer {
25+
background-color: #f0f0f0;
26+
padding: 10px;
27+
text-align: center;
28+
}
29+
</style>
30+
</head>
31+
<body>
32+
<div class="header">
33+
<h1>Welcome to My Website</h1>
34+
</div>
35+
36+
<div class="content">
37+
<p>This is a sample website <a href="human-philosophy/articles/Rational und Emotional.md">World Philosophy</a> that uses the Montserrat font. Montserrat is a geometric style of typeface that's both modern and clean, making it great for web and print design. Feel free to use this template as a starting point for your website.</p>
38+
</div>
39+
40+
<div class="footer">
41+
<p>Contact us at email@example.com</p>
42+
</div>
43+
</body>
44+
</html>

‎human-philosophy/index.html‎

Lines changed: 32 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,41 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html>
33
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Sample Website with Montserrat Font</title>
7-
<!-- Include Montserrat font from Google Fonts -->
8-
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
9-
<style>
10-
body {
11-
font-family: 'Montserrat', sans-serif;
12-
}
4+
<title>YouTube Comments Embed</title>
5+
</head>
6+
<body>
7+
<div id="youtube-comments">Loading comments...</div>
138

14-
.header {
15-
background-color: #f0f0f0;
16-
padding: 20px;
17-
text-align: center;
18-
}
9+
<script>
10+
// Function to fetch and display the top 3 comments
11+
async function fetchYouTubeComments() {
12+
const apiKey = 'AIzaSyAZJRxunHxliV4-xAfvxi6LKEIDjb5ItiM'; // Replace with your YouTube Data API key
13+
const videoId = 'zSgx8U16stk'; // Replace with the YouTube video ID
14+
const apiUrl = 'https://www.googleapis.com/youtube/v3/commentThreads?key=AIzaSyAZJRxunHxliV4-xAfvxi6LKEIDjb5ItiM&textFormat=plainText&part=snippet&videoId=qGyp0Y5ewBI&maxResults=3';
1915

20-
.content {
21-
padding: 20px;
22-
}
16+
try {
17+
const response = await fetch(apiUrl);
18+
const data = await response.json();
19+
const comments = data.items.map(item => item.snippet.topLevelComment.snippet.textDisplay);
20+
21+
// Clear the comments container
22+
const commentsContainer = document.getElementById('youtube-comments');
23+
commentsContainer.innerHTML = '';
2324

24-
.footer {
25-
background-color: #f0f0f0;
26-
padding: 10px;
27-
text-align: center;
25+
// Append each comment to the container
26+
comments.forEach(comment => {
27+
const p = document.createElement('p');
28+
p.textContent = comment;
29+
commentsContainer.appendChild(p);
30+
});
31+
} catch (error) {
32+
console.error('Failed to fetch YouTube comments:', error);
33+
document.getElementById('youtube-comments').innerHTML = 'Failed to load comments.';
34+
}
2835
}
29-
</style>
30-
</head>
31-
<body>
32-
<div class="header">
33-
<h1>Welcome to My Website</h1>
34-
</div>
35-
36-
<div class="content">
37-
<p>This is a sample website <a href="human-philosophy/articles/Rational und Emotional.md">World Philosophy</a> that uses the Montserrat font. Montserrat is a geometric style of typeface that's both modern and clean, making it great for web and print design. Feel free to use this template as a starting point for your website.</p>
38-
</div>
3936

40-
<div class="footer">
41-
<p>Contact us at email@example.com</p>
42-
</div>
37+
// Call the function when the script loads
38+
fetchYouTubeComments();
39+
</script>
4340
</body>
4441
</html>

0 commit comments

Comments
 (0)