RanchiMall/articles
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor changes

Browse Source
This commit is contained in:
sairaj mote 2020-08-08 14:32:21 +05:30
parent 97d7e5b18d
commit eb33d3c4c9
1 changed files with 16 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
index.html
View File

@ -40,7 +40,7 @@
p { p {
margin: 1.2rem 0; margin: 1.2rem 0;
} }
p::first-letter{ p:not(:first-of-type)::first-letter{
margin-left: 4rem; margin-left: 4rem;
} }
@ -388,16 +388,16 @@
</div>` </div>`
//debugger; //debugger;
//columns.append(columnhtml) //columns.append(columnhtml)
columns.innerHTML = columns.innerHTML + columnhtml columns.innerHTML += columnhtml
//debugger //debugger
} }
} }
function switchtoArticle(element){ function switchtoArticle(element){
document.getElementById("homepage").style.display = "none" document.getElementById("homepage").classList.add('hide')
document.getElementById("displaypage").innerHTML = articles[element.dataset.articlekey] document.getElementById("displaypage").innerHTML = articles[element.dataset.articlekey]
document.getElementById("displaypagemain").style.display = "initial" document.getElementById("display_page_main").classList.remove('hide')
} }
</script> </script>
@ -530,15 +530,15 @@
</div> </div>
</div> </div>
<div id="displaypagemain" style="display: none;"> <div id="display_page_main" class="hide">
<div id="goback" style="color:#DC143C"> <div id="go_back" style="color:#DC143C">
<i class="fa fa-angle-double-left" aria-hidden="true" style="color:#DC143C"></i> <i class="fa fa-angle-double-left" aria-hidden="true" style="color:#DC143C"></i>
Go Back Go Back
</div> </div>
<div id="displaypage"> <div id="displaypage">
</div> </div>
<div id="gobackbottom" style="color:#DC143C"> <div id="go_back_bottom" style="color:#DC143C">
<i class="fa fa-angle-double-left" aria-hidden="true" style="color:#DC143C"></i> <i class="fa fa-angle-double-left" aria-hidden="true" style="color:#DC143C"></i>
Go Back Go Back
</div> </div>
@ -546,22 +546,23 @@
</body> </body>
<script> <script>
document.getElementById("goback").addEventListener("click", function () { let homepage = document.getElementById("homepage");
document.getElementById("go_back").addEventListener("click", function () {
console.log("Registered a click") console.log("Registered a click")
if (document.getElementById("homepage").style.display == "none") { if (homepage.classList.contains('hide')) {
document.getElementById("homepage").style.display = "initial" homepage.classList.remove('hide')
document.getElementById("displaypagemain").style.display = "none" document.getElementById("display_page_main").classList.add('hide')
} }
else { else {
} }
}); });
document.getElementById("gobackbottom").addEventListener("click", function () { document.getElementById("go_back_bottom").addEventListener("click", function () {
console.log("Registered a click") console.log("Registered a click")
if (document.getElementById("homepage").style.display == "none") { if (homepage.classList.contains('hide')) {
document.getElementById("homepage").style.display = "initial" homepage.classList.remove('hide')
document.getElementById("displaypagemain").style.display = "none" document.getElementById("display_page_main").classList.add('hide')
} }
else { else {