implemented selection exporting with voting enabled

This commit is contained in:
sairaj mote 2021-12-13 02:28:52 +05:30
parent 749bc523d6
commit 81c7448e7b
5 changed files with 2521 additions and 11 deletions

2512
index.html

File diff suppressed because it is too large Load Diff

View File

@ -325,8 +325,8 @@ h3:not(:first-of-type) {
margin: 1rem 0; margin: 1rem 0;
border-radius: 0.2rem; border-radius: 0.2rem;
border: solid thin rgba(var(--text-color), 0.3); border: solid thin rgba(var(--text-color), 0.3);
-webkit-box-shadow: 0.3rem 0.5rem 0 0.1rem rgba(var(--text-color), 0.3); -webkit-box-shadow: 0.3rem 0.5rem 0 0.1rem rgba(var(--text-color), 0.8);
box-shadow: 0.3rem 0.5rem 0 0.1rem rgba(var(--text-color), 0.3); box-shadow: 0.3rem 0.5rem 0 0.1rem rgba(var(--text-color), 0.8);
overflow: hidden; overflow: hidden;
justify-self: center; justify-self: center;
padding-left: 1.3rem; padding-left: 1.3rem;
@ -358,8 +358,8 @@ h3:not(:first-of-type) {
transform: none; transform: none;
} }
.upvote:active .icon { .upvote:active .icon {
-webkit-transform: scale(0.5); -webkit-transform: scale(0.7);
transform: scale(0.5); transform: scale(0.7);
} }
.upvote.liked { .upvote.liked {
background-color: var(--like-color); background-color: var(--like-color);

File diff suppressed because one or more lines are too long

View File

@ -289,7 +289,7 @@ h3:not(:first-of-type) {
margin: 1rem 0; margin: 1rem 0;
border-radius: 0.2rem; border-radius: 0.2rem;
border: solid thin rgba(var(--text-color), 0.3); border: solid thin rgba(var(--text-color), 0.3);
box-shadow: 0.3rem 0.5rem 0 0.1rem rgba(var(--text-color), 0.3); box-shadow: 0.3rem 0.5rem 0 0.1rem rgba(var(--text-color), 0.8);
overflow: hidden; overflow: hidden;
justify-self: center; justify-self: center;
padding-left: 1.3rem; padding-left: 1.3rem;
@ -317,7 +317,7 @@ h3:not(:first-of-type) {
&:active { &:active {
transform: none; transform: none;
.icon { .icon {
transform: scale(0.5); transform: scale(0.7);
} }
} }
&.liked { &.liked {

View File

@ -37,13 +37,13 @@
</button> </button>
</header> </header>
<article class="page-layout"> <article class="page-layout">
<picture class="hero-image full-bleed"> <!-- <picture class="hero-image full-bleed">
<source <source
srcset="https://www.europeanscientist.com/wp-content/uploads/thumbs/111-27-38qkzhwijiszfu016l71fk.jpg" srcset="https://www.europeanscientist.com/wp-content/uploads/thumbs/111-27-38qkzhwijiszfu016l71fk.jpg"
media="(min-width: 800px)"> media="(min-width: 800px)">
<img src="https://www.europeanscientist.com/wp-content/uploads/thumbs/111-27-38qkzhwijiszfu016l71fk.jpg" <img loading="lazy" src="https://www.europeanscientist.com/wp-content/uploads/thumbs/111-27-38qkzhwijiszfu016l71fk.jpg"
alt="" /> alt="" />
</picture> </picture> -->
<section class="hero-section"> <section class="hero-section">
<h1>Coal depletion: On the brink of global power crisis</h1> <h1>Coal depletion: On the brink of global power crisis</h1>
<time id="article_published">Published on 8 dec, 2021</time> <time id="article_published">Published on 8 dec, 2021</time>