136 lines
4.9 KiB
HTML
136 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" href="Dangrain_Y.ico" type="image/x-icon">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Bitter</title>
|
|
</head>
|
|
<body>
|
|
<div>
|
|
<h2>Post a Bitter yourself!</h2>
|
|
<textarea id="tweetInput" rows="4" cols="50"></textarea>
|
|
<br>
|
|
<button onclick="postTweet()">Post</button>
|
|
</div>
|
|
|
|
<div>
|
|
<h2>Posted Bitters</h2>
|
|
<ul id="tweetList"></ul>
|
|
</div>
|
|
|
|
<script>
|
|
const username = 'Dangrainage';
|
|
const repo = 'Urban';
|
|
const token = 'https://bin.youshitsune.tech/?0917bcd247d5c698#6pMTqBc5Qev8a1ZVepsXMgUGAcVjimnbijfNiQHaonvE';
|
|
|
|
// GitHub API endpoint
|
|
const githubApiUrl = `https://api.github.com/repos/${username}/${repo}/contents/`;
|
|
|
|
// Fetch tweets from the GitHub repository
|
|
function fetchTweets() {
|
|
fetch(githubApiUrl)
|
|
.then(response => response.json())
|
|
.then(responseData => {
|
|
// Check if responseData is an array
|
|
const files = Array.isArray(responseData) ? responseData : [];
|
|
|
|
const tweetFiles = files
|
|
.filter(file => file.name.endsWith('.json'))
|
|
.sort().reverse(); // Sort by filename in descending order
|
|
|
|
// Display tweets
|
|
displayTweets(tweetFiles);
|
|
})
|
|
.catch(error => console.error('Error fetching tweets:', error));
|
|
}
|
|
|
|
// Display tweets on the page
|
|
function displayTweets(tweetFiles) {
|
|
const tweetList = document.getElementById('tweetList');
|
|
tweetList.innerHTML = '';
|
|
|
|
tweetFiles.forEach(file => {
|
|
const listItem = document.createElement('li');
|
|
|
|
// Fetch and display tweet content
|
|
fetch(`${githubApiUrl}${file.name}`)
|
|
.then(response => response.json())
|
|
.then(tweet => {
|
|
const tweetText = JSON.parse(atob(tweet.content)).text;
|
|
var time = new Date(parseInt(file.name.replace('.json', '').replace('tweet_', '')))
|
|
|
|
// Create a paragraph for each tweet
|
|
const paragraph = document.createElement('p');
|
|
paragraph.textContent = time.toLocaleDateString("en-GB") + " " + time.toLocaleTimeString("en-GB") + ": " + tweetText;
|
|
|
|
listItem.appendChild(paragraph);
|
|
})
|
|
.catch(error => console.error('Error fetching tweet content:', error));
|
|
|
|
// Append the tweet to the list
|
|
tweetList.appendChild(listItem);
|
|
});
|
|
}
|
|
|
|
// Post a new tweet
|
|
function postTweet() {
|
|
const tweetInput = document.getElementById('tweetInput');
|
|
const tweetText = tweetInput.value;
|
|
|
|
if (tweetText.trim() !== '') {
|
|
const timestamp = Date.now();
|
|
const fileName = `tweet_${timestamp}.json`;
|
|
const fileContent = JSON.stringify({ text: tweetText }, null, 2);
|
|
|
|
// Create a new tweet file
|
|
createFile(fileName, fileContent);
|
|
|
|
// Clear the input field
|
|
tweetInput.value = '';
|
|
}
|
|
}
|
|
|
|
// Create a new file in the GitHub repository
|
|
function createFile(fileName, fileContent) {
|
|
const apiUrl = `${githubApiUrl}${fileName}`;
|
|
const data = {
|
|
message: `Add tweet: ${fileName}`,
|
|
content: btoa(fileContent),
|
|
branch: 'main'
|
|
};
|
|
|
|
fetch(apiUrl, {
|
|
method: 'PUT',
|
|
headers: {
|
|
'Authorization': `token ${token}`,
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify(data),
|
|
})
|
|
.then(response => response.json())
|
|
.then(() => {
|
|
// Fetch and display the updated tweets
|
|
fetchTweets();
|
|
})
|
|
.catch(error => console.error('Error creating file:', error));
|
|
}
|
|
|
|
function timeConverter(UNIX_timestamp){
|
|
var a = new Date(UNIX_timestamp * 1000);
|
|
var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
|
|
var year = a.getFullYear();
|
|
var month = months[a.getMonth()];
|
|
var date = a.getDate();
|
|
var hour = a.getHours();
|
|
var min = a.getMinutes();
|
|
var sec = a.getSeconds();
|
|
var time = date + ' ' + month + ' ' + year + ' ' + hour + ':' + min + ':' + sec ;
|
|
return time;
|
|
}
|
|
|
|
// Fetch and display tweets when the page loads
|
|
fetchTweets();
|
|
</script>
|
|
</body>
|
|
</html>
|