Adding more dummy articles
This commit is contained in:
Vivek Teega
parent
f47055b52d
commit
c2e21cb72b
1222
articles/fairlovely.html
Normal file
1222
articles/fairlovely.html
Normal file
File diff suppressed because it is too large
Load Diff
1222
articles/indiachina.html
Normal file
1222
articles/indiachina.html
Normal file
File diff suppressed because it is too large
Load Diff
1222
articles/sushant.html
Normal file
1222
articles/sushant.html
Normal file
File diff suppressed because it is too large
Load Diff
98
index.html
98
index.html
@ -3,7 +3,6 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>RanchiMall Times</title>
|
<title>RanchiMall Times</title>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
hide {
|
hide {
|
||||||
display: none;
|
display: none;
|
||||||
@ -336,20 +335,89 @@
|
|||||||
let repourl = "https://api.github.com/repos/ranchimall/articles/contents"
|
let repourl = "https://api.github.com/repos/ranchimall/articles/contents"
|
||||||
let repocontent = null
|
let repocontent = null
|
||||||
window.articles = {}
|
window.articles = {}
|
||||||
|
window.parsedarticles = {}
|
||||||
|
|
||||||
repocontent = await (await fetch(repourl)).json();
|
repocontent = await (await fetch(repourl)).json();
|
||||||
for (var i = 0; i < repocontent.length; i++) {
|
|
||||||
|
for (let i = 0; i < repocontent.length; i++) {
|
||||||
if (repocontent[i]['name'] == 'articles') {
|
if (repocontent[i]['name'] == 'articles') {
|
||||||
var articlefolder = await (await fetch(repocontent[i]['url'])).json()
|
var articlefolder = await (await fetch(repocontent[i]['url'])).json()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
for (var i = 0; i < articlefolder.length; i++) {
|
for (let i = 0; i < articlefolder.length; i++) {
|
||||||
articlehtml = await (await fetch(articlefolder[i]["download_url"])).text()
|
articlehtml = await (await fetch(articlefolder[i]["download_url"])).text()
|
||||||
articles[articlefolder[i]['name'].slice(0, articlefolder[i]['name'].length - 5)] = articlehtml
|
articles[articlefolder[i]['name'].slice(0, articlefolder[i]['name'].length - 5)] = articlehtml
|
||||||
}
|
}
|
||||||
|
|
||||||
|
parseArticles(articles)
|
||||||
|
renderColumns(parsedarticles)
|
||||||
})();
|
})();
|
||||||
|
|
||||||
|
function parseArticles(articles) {
|
||||||
|
let totalarticles = Object.keys(articles).length
|
||||||
|
articlekeys = Object.keys(articles)
|
||||||
|
let domparser = new DOMParser();
|
||||||
|
|
||||||
|
|
||||||
|
for (let i = 0; i < totalarticles; i++) {
|
||||||
|
|
||||||
|
let currentarticle = {}
|
||||||
|
|
||||||
|
let articlehtml = articles[articlekeys[i]]
|
||||||
|
let parsedhtml = domparser.parseFromString(articlehtml, 'text/html')
|
||||||
|
|
||||||
|
currentarticle['title'] = parsedhtml.getElementById('title').innerText
|
||||||
|
currentarticle['subtitle'] = parsedhtml.getElementById('subtitle').innerText
|
||||||
|
currentarticle['sections'] = {}
|
||||||
|
|
||||||
|
totalsections = parsedhtml.getElementById('sectionmaster').childElementCount
|
||||||
|
|
||||||
|
for (let j = 0; j < totalsections; j++) {
|
||||||
|
tempobj = {}
|
||||||
|
asection = parsedhtml.getElementById(`section${j + 1}`)
|
||||||
|
sectiontitle = asection.children[0].children[0].innerText
|
||||||
|
sectionpara1 = asection.children[1].innerText
|
||||||
|
tempobj['title'] = sectiontitle
|
||||||
|
tempobj['paragraph'] = sectionpara1
|
||||||
|
currentarticle['sections'][j] = tempobj
|
||||||
|
}
|
||||||
|
|
||||||
|
parsedarticles[articlekeys[i]] = currentarticle
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderColumns(parsedarticles){
|
||||||
|
|
||||||
|
numberOfColumns = Object.keys(parsedarticles).length
|
||||||
|
let collumns = document.getElementById('collumnsmain')
|
||||||
|
//debugger
|
||||||
|
let parsedArticlesKeys = Object.keys(parsedarticles)
|
||||||
|
|
||||||
|
for(let i=0; i<parsedArticlesKeys.length; i++){
|
||||||
|
columnhtml = `<div class="collumn" id="column${i+1}" data-articlekey="${parsedArticlesKeys[i]}" onclick="switchtoArticle(this)">
|
||||||
|
<div class="head">
|
||||||
|
<span class="headline hl3">${parsedarticles[parsedArticlesKeys[i]].title}</span>
|
||||||
|
<p><span class="headline hl4">${parsedarticles[parsedArticlesKeys[i]].subtitle}</span></p>
|
||||||
|
</div>
|
||||||
|
<p>${parsedarticles[parsedArticlesKeys[i]].sections[0].paragraph}</p>
|
||||||
|
<p>${parsedarticles[parsedArticlesKeys[i]].sections[1].paragraph}...</p>
|
||||||
|
</div>`
|
||||||
|
//debugger;
|
||||||
|
//collumns.append(columnhtml)
|
||||||
|
collumns.innerHTML = collumns.innerHTML + columnhtml
|
||||||
|
//debugger
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function switchtoArticle(element){
|
||||||
|
debugger
|
||||||
|
document.getElementById("homepage").style.display = "none"
|
||||||
|
document.getElementById("displaypage").innerHTML = articles[element.dataset.articlekey]
|
||||||
|
document.getElementById("displaypage").style.display = "initial"
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<body translate="no">
|
<body translate="no">
|
||||||
@ -369,14 +437,16 @@
|
|||||||
<div class="subhead">Thursday April 30, 2020</div>
|
<div class="subhead">Thursday April 30, 2020</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="collumns">
|
<div class="collumns" id='collumnsmain'>
|
||||||
<div class="collumn">
|
<!--
|
||||||
|
<div class="collumn" id="column1">
|
||||||
<div class="head"><span class="headline hl3">When darkness overspreads my eyes</span>
|
<div class="head"><span class="headline hl3">When darkness overspreads my eyes</span>
|
||||||
<p><span class="headline hl4">by JOHANN WOLFGANG VON GOETHE</span></p>
|
<p><span class="headline hl4">by JOHANN WOLFGANG VON GOETHE</span></p>
|
||||||
</div>
|
</div>
|
||||||
When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper
|
When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper
|
||||||
surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner
|
surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner
|
||||||
sanctuary, I throw myself down among the tall grass by the trickling stream;<p>and, as I lie close
|
sanctuary, I throw myself down among the tall grass by the trickling stream;
|
||||||
|
<p>and, as I lie close
|
||||||
to
|
to
|
||||||
the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world
|
the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world
|
||||||
among the stalks, and grow familiar with the countless indescribable forms of the insects and
|
among the stalks, and grow familiar with the countless indescribable forms of the insects and
|
||||||
@ -391,7 +461,7 @@
|
|||||||
warm within me, that it might be the mirror of my soul, as my soul is the mirror of the infinite
|
warm within me, that it might be the mirror of my soul, as my soul is the mirror of the infinite
|
||||||
God!</p>
|
God!</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="collumn">
|
<div class="collumn" id="column2">
|
||||||
<div class="head"><span class="headline hl5">Give people courage</span>
|
<div class="head"><span class="headline hl5">Give people courage</span>
|
||||||
<p><span class="headline hl6">The crowd seemed to grow</span></p>
|
<p><span class="headline hl6">The crowd seemed to grow</span></p>
|
||||||
</div>
|
</div>
|
||||||
@ -418,7 +488,7 @@
|
|||||||
thirty yards of the pit, advancing from the direction of Horsell, I noted a little black knot of
|
thirty yards of the pit, advancing from the direction of Horsell, I noted a little black knot of
|
||||||
men, the foremost of whom was waving a white flag.</p>
|
men, the foremost of whom was waving a white flag.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="collumn">
|
<div class="collumn" id="column3">
|
||||||
<div class="head"><span class="headline hl1">May the Force be with you</span>
|
<div class="head"><span class="headline hl1">May the Force be with you</span>
|
||||||
<p><span class="headline hl2">Let go your conscious self and act on instinct</span></p>
|
<p><span class="headline hl2">Let go your conscious self and act on instinct</span></p>
|
||||||
</div>Partially, but it also obeys your commands. Hey, Luke! May the Force be with you. I have
|
</div>Partially, but it also obeys your commands. Hey, Luke! May the Force be with you. I have
|
||||||
@ -438,7 +508,7 @@
|
|||||||
<p>You don't believe in the Force, do you? Partially, but it also obeys your commands. The plans you
|
<p>You don't believe in the Force, do you? Partially, but it also obeys your commands. The plans you
|
||||||
refer to will soon be back in our hands. As you wish.</p>
|
refer to will soon be back in our hands. As you wish.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="collumn">
|
<div class="collumn" id="column4">
|
||||||
<div class="head"><span class="headline hl3">The buzz of the little world </span>
|
<div class="head"><span class="headline hl3">The buzz of the little world </span>
|
||||||
<p><span class="headline hl4">A thousand unknown plants</span></p>
|
<p><span class="headline hl4">A thousand unknown plants</span></p>
|
||||||
</div>
|
</div>
|
||||||
@ -457,7 +527,7 @@
|
|||||||
own
|
own
|
||||||
image, and the breath</p>
|
image, and the breath</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="collumn">
|
<div class="collumn" id="column5">
|
||||||
<div class="head"><span class="headline hl1">It wasn't a dream </span>
|
<div class="head"><span class="headline hl1">It wasn't a dream </span>
|
||||||
<p><span class="headline hl4">by FRANZ KAFKA</span></p>
|
<p><span class="headline hl4">by FRANZ KAFKA</span></p>
|
||||||
</div>
|
</div>
|
||||||
@ -479,6 +549,7 @@
|
|||||||
that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the
|
that covered the whole of her lower arm towards the viewer. Gregor then turned to look out the
|
||||||
window at the dull weather. </p>
|
window at the dull weather. </p>
|
||||||
</div>
|
</div>
|
||||||
|
-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -488,19 +559,16 @@
|
|||||||
</body>
|
</body>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
window.addEventListener("click", function () {
|
document.getElementById("displaypage").addEventListener("click", function () {
|
||||||
console.log("Registered a click")
|
console.log("Registered a click")
|
||||||
if (document.getElementById("homepage").style.display == "none") {
|
if (document.getElementById("homepage").style.display == "none") {
|
||||||
document.getElementById("homepage").style.display = "initial"
|
document.getElementById("homepage").style.display = "initial"
|
||||||
document.getElementById("displaypage").style.display = "none"
|
document.getElementById("displaypage").style.display = "none"
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
document.getElementById("homepage").style.display = "none"
|
|
||||||
document.getElementById("displaypage").innerHTML = articles.bengal
|
|
||||||
document.getElementById("displaypage").style.display = "initial"
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user