feat: migration vers template academic-homepage original
Build and Deploy Jekyll / deploy (push) Successful in 42s
Build and Deploy Jekyll / deploy (push) Successful in 42s
This commit is contained in:
@@ -0,0 +1,266 @@
|
||||
.highlighter-rouge {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
/* Blog content styling */
|
||||
.blog-content {
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.blog-content h1,
|
||||
.blog-content h2,
|
||||
.blog-content h3,
|
||||
.blog-content h4,
|
||||
.blog-content h5,
|
||||
.blog-content h6 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.blog-content h1 {
|
||||
font-size: 2rem;
|
||||
border-bottom: 2px solid #e9ecef;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.blog-content h2 {
|
||||
font-size: 1.5rem;
|
||||
border-bottom: 1px solid #e9ecef;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.blog-content h3 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.blog-content p {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.blog-content ul,
|
||||
.blog-content ol {
|
||||
margin-bottom: 1rem;
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
.blog-content li {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.blog-content blockquote {
|
||||
border-left: 3px solid #e0e0e0;
|
||||
padding-left: 1rem;
|
||||
margin: 1.5rem 0;
|
||||
font-style: italic;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.blog-content img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border-radius: 0.375rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
/* Multi-column image layouts */
|
||||
.blog-content .row img {
|
||||
margin: 0.5rem 0;
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.blog-content .row img:hover {
|
||||
transform: scale(1.02);
|
||||
}
|
||||
|
||||
/* Image gallery styles */
|
||||
.blog-content .img-fluid {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.blog-content .shadow-sm {
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
|
||||
}
|
||||
|
||||
/* Responsive image containers */
|
||||
.blog-content .col-md-6 img,
|
||||
.blog-content .col-md-4 img,
|
||||
.blog-content .col-lg-3 img {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
object-fit: cover;
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
|
||||
/* Mixed content layouts */
|
||||
.blog-content .col-md-8 {
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.blog-content .col-md-4 {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.blog-content .col-md-8,
|
||||
.blog-content .col-md-4 {
|
||||
padding: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.blog-content .col-md-6 img,
|
||||
.blog-content .col-md-4 img {
|
||||
height: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
.blog-content table {
|
||||
width: 100%;
|
||||
margin-bottom: 1rem;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.blog-content table th,
|
||||
.blog-content table td {
|
||||
padding: 0.75rem;
|
||||
border: 1px solid #dee2e6;
|
||||
}
|
||||
|
||||
.blog-content table th {
|
||||
background-color: #f8f9fa;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Math formula styling */
|
||||
.katex-display {
|
||||
margin: 1.5rem 0;
|
||||
text-align: center;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
.katex {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
/* Ensure math formulas are properly displayed */
|
||||
.katex-display .katex {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* Fix for math formula containers */
|
||||
.katex-display {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Ensure proper spacing around math formulas */
|
||||
.blog-content .katex-display {
|
||||
margin: 2rem 0;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
/* Inline math styling */
|
||||
.katex-inline {
|
||||
display: inline;
|
||||
margin: 0 0.2em;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Blog layout — content preserves original width, TOC uses remaining space */
|
||||
.blog-layout-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 0 15px;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.blog-main {
|
||||
flex: 0 1 950px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.blog-toc-sidebar {
|
||||
flex: 0 0 auto;
|
||||
width: clamp(160px, 18vw, 360px);
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.blog-toc-sidebar {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Blog Table of Contents */
|
||||
.blog-toc-nav {
|
||||
position: sticky;
|
||||
top: 6rem;
|
||||
max-height: calc(100vh - 8rem);
|
||||
overflow-y: auto;
|
||||
padding-left: 0.75rem;
|
||||
border-left: 2px solid #f0f0f0;
|
||||
}
|
||||
|
||||
.blog-toc-title {
|
||||
font-size: 0.875rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: #aaa;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
.blog-toc-list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.blog-toc-list li {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.blog-toc-list a {
|
||||
display: block;
|
||||
font-size: 0.8rem;
|
||||
line-height: 1.4;
|
||||
color: #999;
|
||||
text-decoration: none;
|
||||
padding: 0.15rem 0;
|
||||
transition: color 0.2s ease;
|
||||
}
|
||||
|
||||
.blog-toc-list a:hover {
|
||||
color: #2d3436;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.blog-toc-list a.toc-active {
|
||||
color: #212529;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.blog-toc-list .toc-h3 {
|
||||
padding-left: 0.75rem;
|
||||
}
|
||||
|
||||
.blog-toc-list .toc-h4 {
|
||||
padding-left: 1.5rem;
|
||||
}
|
||||
|
||||
/* Hide TOC scrollbar */
|
||||
.blog-toc-nav::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.blog-toc-nav {
|
||||
scrollbar-width: none;
|
||||
}
|
||||
@@ -0,0 +1,93 @@
|
||||
@charset "utf-8";
|
||||
body {
|
||||
font-family: "Lato", sans-serif;
|
||||
font-weight: 400;
|
||||
padding-top: 5.0rem;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6,
|
||||
.h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.card {
|
||||
border-radius: 0.8rem!important;
|
||||
}
|
||||
|
||||
.card-img-overlay {
|
||||
border-radius: 0.8rem!important;
|
||||
}
|
||||
|
||||
.rounded-xl {
|
||||
border-radius: 0.8rem!important;
|
||||
}
|
||||
|
||||
.rounded-xl-bottom {
|
||||
border-bottom-right-radius: 0.8rem !important;
|
||||
border-bottom-left-radius: 0.8rem !important;
|
||||
}
|
||||
|
||||
.rounded-xl-top {
|
||||
border-top-left-radius: 0.8rem !important;
|
||||
border-top-right-radius: 0.8rem !important;
|
||||
}
|
||||
|
||||
|
||||
.text-profile-position {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.text-profile-bio {
|
||||
/* font-family: "Raleway"; */
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: rgba(255, 255, 255, 0.6) !important;
|
||||
backdrop-filter: blur(16px);
|
||||
-webkit-backdrop-filter: blur(16px);
|
||||
}
|
||||
|
||||
.inline-badge {
|
||||
height: 16px;
|
||||
vertical-align: -10%;
|
||||
margin-right: 2px;
|
||||
line-break: unset;
|
||||
}
|
||||
|
||||
.no-break {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.cover-image {
|
||||
width: 180px;
|
||||
max-height: 120px;
|
||||
}
|
||||
|
||||
.abstract-body {
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
img.lazy {
|
||||
background-image: url('images/loading.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-size: 50px 50px;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
div.lazy {
|
||||
background-image: url('images/loading.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
background-size: 50px 50px;
|
||||
min-height: 80px;
|
||||
}
|
||||
|
||||
.badge-publication {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.email-text {
|
||||
font-family: Source Code Pro, monospace;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Executable
BIN
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 184 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 242 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 269 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 205 KiB |
@@ -0,0 +1,57 @@
|
||||
(function () {
|
||||
var tocList = document.querySelector('.blog-toc-list');
|
||||
if (!tocList) return;
|
||||
|
||||
var content = document.querySelector('.blog-content');
|
||||
var headings = content.querySelectorAll('h1, h2, h3');
|
||||
var navbarHeight = 90;
|
||||
|
||||
if (headings.length === 0) {
|
||||
document.getElementById('blog-toc').style.display = 'none';
|
||||
return;
|
||||
}
|
||||
|
||||
// Add scroll-margin to all headings so anchor links clear the navbar
|
||||
headings.forEach(function (heading, i) {
|
||||
if (!heading.id) {
|
||||
heading.id = 'heading-' + i;
|
||||
}
|
||||
heading.style.scrollMarginTop = navbarHeight + 'px';
|
||||
|
||||
var li = document.createElement('li');
|
||||
var a = document.createElement('a');
|
||||
a.href = '#' + heading.id;
|
||||
a.textContent = heading.textContent;
|
||||
a.className = 'toc-' + heading.tagName.toLowerCase();
|
||||
a.addEventListener('click', function (e) {
|
||||
e.preventDefault();
|
||||
var target = document.getElementById(heading.id);
|
||||
if (target) {
|
||||
window.scrollTo({
|
||||
top: target.offsetTop - navbarHeight,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
history.pushState(null, null, '#' + heading.id);
|
||||
}
|
||||
});
|
||||
li.appendChild(a);
|
||||
tocList.appendChild(li);
|
||||
});
|
||||
|
||||
// Highlight active heading on scroll
|
||||
var tocLinks = tocList.querySelectorAll('a');
|
||||
function updateActive() {
|
||||
var scrollPos = window.scrollY + navbarHeight + 10;
|
||||
var current = null;
|
||||
headings.forEach(function (heading) {
|
||||
if (heading.offsetTop <= scrollPos) {
|
||||
current = heading.id;
|
||||
}
|
||||
});
|
||||
tocLinks.forEach(function (link) {
|
||||
link.classList.toggle('toc-active', link.getAttribute('href') === '#' + current);
|
||||
});
|
||||
}
|
||||
window.addEventListener('scroll', updateActive, { passive: true });
|
||||
updateActive();
|
||||
})();
|
||||
@@ -0,0 +1,122 @@
|
||||
// Formatted version of a popular md5 implementation
|
||||
// Original copyright (c) Paul Johnston & Greg Holt.
|
||||
function md5(inputString) {
|
||||
var hc = "0123456789abcdef";
|
||||
function rh(n) { var j, s = ""; for (j = 0; j <= 3; j++) s += hc.charAt((n >> (j * 8 + 4)) & 0x0F) + hc.charAt((n >> (j * 8)) & 0x0F); return s; }
|
||||
function ad(x, y) { var l = (x & 0xFFFF) + (y & 0xFFFF); var m = (x >> 16) + (y >> 16) + (l >> 16); return (m << 16) | (l & 0xFFFF); }
|
||||
function rl(n, c) { return (n << c) | (n >>> (32 - c)); }
|
||||
function cm(q, a, b, x, s, t) { return ad(rl(ad(ad(a, q), ad(x, t)), s), b); }
|
||||
function ff(a, b, c, d, x, s, t) { return cm((b & c) | ((~b) & d), a, b, x, s, t); }
|
||||
function gg(a, b, c, d, x, s, t) { return cm((b & d) | (c & (~d)), a, b, x, s, t); }
|
||||
function hh(a, b, c, d, x, s, t) { return cm(b ^ c ^ d, a, b, x, s, t); }
|
||||
function ii(a, b, c, d, x, s, t) { return cm(c ^ (b | (~d)), a, b, x, s, t); }
|
||||
function sb(x) {
|
||||
var i; var nblk = ((x.length + 8) >> 6) + 1; var blks = new Array(nblk * 16); for (i = 0; i < nblk * 16; i++) blks[i] = 0;
|
||||
for (i = 0; i < x.length; i++) blks[i >> 2] |= x.charCodeAt(i) << ((i % 4) * 8);
|
||||
blks[i >> 2] |= 0x80 << ((i % 4) * 8); blks[nblk * 16 - 2] = x.length * 8; return blks;
|
||||
}
|
||||
var i, x = sb("" + inputString), a = 1732584193, b = -271733879, c = -1732584194, d = 271733878, olda, oldb, oldc, oldd;
|
||||
for (i = 0; i < x.length; i += 16) {
|
||||
olda = a; oldb = b; oldc = c; oldd = d;
|
||||
a = ff(a, b, c, d, x[i + 0], 7, -680876936); d = ff(d, a, b, c, x[i + 1], 12, -389564586); c = ff(c, d, a, b, x[i + 2], 17, 606105819);
|
||||
b = ff(b, c, d, a, x[i + 3], 22, -1044525330); a = ff(a, b, c, d, x[i + 4], 7, -176418897); d = ff(d, a, b, c, x[i + 5], 12, 1200080426);
|
||||
c = ff(c, d, a, b, x[i + 6], 17, -1473231341); b = ff(b, c, d, a, x[i + 7], 22, -45705983); a = ff(a, b, c, d, x[i + 8], 7, 1770035416);
|
||||
d = ff(d, a, b, c, x[i + 9], 12, -1958414417); c = ff(c, d, a, b, x[i + 10], 17, -42063); b = ff(b, c, d, a, x[i + 11], 22, -1990404162);
|
||||
a = ff(a, b, c, d, x[i + 12], 7, 1804603682); d = ff(d, a, b, c, x[i + 13], 12, -40341101); c = ff(c, d, a, b, x[i + 14], 17, -1502002290);
|
||||
b = ff(b, c, d, a, x[i + 15], 22, 1236535329); a = gg(a, b, c, d, x[i + 1], 5, -165796510); d = gg(d, a, b, c, x[i + 6], 9, -1069501632);
|
||||
c = gg(c, d, a, b, x[i + 11], 14, 643717713); b = gg(b, c, d, a, x[i + 0], 20, -373897302); a = gg(a, b, c, d, x[i + 5], 5, -701558691);
|
||||
d = gg(d, a, b, c, x[i + 10], 9, 38016083); c = gg(c, d, a, b, x[i + 15], 14, -660478335); b = gg(b, c, d, a, x[i + 4], 20, -405537848);
|
||||
a = gg(a, b, c, d, x[i + 9], 5, 568446438); d = gg(d, a, b, c, x[i + 14], 9, -1019803690); c = gg(c, d, a, b, x[i + 3], 14, -187363961);
|
||||
b = gg(b, c, d, a, x[i + 8], 20, 1163531501); a = gg(a, b, c, d, x[i + 13], 5, -1444681467); d = gg(d, a, b, c, x[i + 2], 9, -51403784);
|
||||
c = gg(c, d, a, b, x[i + 7], 14, 1735328473); b = gg(b, c, d, a, x[i + 12], 20, -1926607734); a = hh(a, b, c, d, x[i + 5], 4, -378558);
|
||||
d = hh(d, a, b, c, x[i + 8], 11, -2022574463); c = hh(c, d, a, b, x[i + 11], 16, 1839030562); b = hh(b, c, d, a, x[i + 14], 23, -35309556);
|
||||
a = hh(a, b, c, d, x[i + 1], 4, -1530992060); d = hh(d, a, b, c, x[i + 4], 11, 1272893353); c = hh(c, d, a, b, x[i + 7], 16, -155497632);
|
||||
b = hh(b, c, d, a, x[i + 10], 23, -1094730640); a = hh(a, b, c, d, x[i + 13], 4, 681279174); d = hh(d, a, b, c, x[i + 0], 11, -358537222);
|
||||
c = hh(c, d, a, b, x[i + 3], 16, -722521979); b = hh(b, c, d, a, x[i + 6], 23, 76029189); a = hh(a, b, c, d, x[i + 9], 4, -640364487);
|
||||
d = hh(d, a, b, c, x[i + 12], 11, -421815835); c = hh(c, d, a, b, x[i + 15], 16, 530742520); b = hh(b, c, d, a, x[i + 2], 23, -995338651);
|
||||
a = ii(a, b, c, d, x[i + 0], 6, -198630844); d = ii(d, a, b, c, x[i + 7], 10, 1126891415); c = ii(c, d, a, b, x[i + 14], 15, -1416354905);
|
||||
b = ii(b, c, d, a, x[i + 5], 21, -57434055); a = ii(a, b, c, d, x[i + 12], 6, 1700485571); d = ii(d, a, b, c, x[i + 3], 10, -1894986606);
|
||||
c = ii(c, d, a, b, x[i + 10], 15, -1051523); b = ii(b, c, d, a, x[i + 1], 21, -2054922799); a = ii(a, b, c, d, x[i + 8], 6, 1873313359);
|
||||
d = ii(d, a, b, c, x[i + 15], 10, -30611744); c = ii(c, d, a, b, x[i + 6], 15, -1560198380); b = ii(b, c, d, a, x[i + 13], 21, 1309151649);
|
||||
a = ii(a, b, c, d, x[i + 4], 6, -145523070); d = ii(d, a, b, c, x[i + 11], 10, -1120210379); c = ii(c, d, a, b, x[i + 2], 15, 718787259);
|
||||
b = ii(b, c, d, a, x[i + 9], 21, -343485551); a = ad(a, olda); b = ad(b, oldb); c = ad(c, oldc); d = ad(d, oldd);
|
||||
}
|
||||
return rh(a) + rh(b) + rh(c) + rh(d);
|
||||
}
|
||||
|
||||
|
||||
// This script is inspired by https://github.com/dakridge/identicon
|
||||
|
||||
createHashGroupForString = function (str) {
|
||||
var hashGroup = [];
|
||||
var hash = md5(str);
|
||||
for (var i = 0; i < hash.length; i += 1) {
|
||||
var byte = parseInt(hash[i], 16);
|
||||
hashGroup.push(byte);
|
||||
}
|
||||
return hashGroup;
|
||||
}
|
||||
|
||||
createBubbleInfo = function (hashGroup, n, w, h) {
|
||||
var maxN = hashGroup.length / 2;
|
||||
n = n < maxN ? n : maxN;
|
||||
var wh = w < h ? w : h;
|
||||
var scaleX = function (v) { return (w / 16) * v; };
|
||||
var scaleY = function (v) { return (h / 16) * v; };
|
||||
var radius = function (v) { var min = 10; var max = wh / 2; return min + ((v / 16) * (max - min)); };
|
||||
var color = function (i) {
|
||||
var c = [
|
||||
"#1f77b4", "#aec7e8", // blue
|
||||
"#ff7f0e", "#ffbb78", // orange
|
||||
"#2ca02c", "#98df8a", // green
|
||||
"#d62728", "#ff9896", // red
|
||||
"#9467bd", "#c5b0d5", // purple
|
||||
"#8c564b", "#c49c94", // brown
|
||||
// "#e377c2", "#f7b6d2", // pink
|
||||
// "#7f7f7f", "#c7c7c7", // gray
|
||||
"#bcbd22", "#dbdb8d", // yellow
|
||||
"#17becf", "#9edae5", // cyan
|
||||
];
|
||||
return c[i % c.length];
|
||||
};
|
||||
|
||||
var bubbleInfo = [];
|
||||
for (var i = 0; i < n; i++) {
|
||||
var xRel = hashGroup[2 * i];
|
||||
var yRel = hashGroup[2 * i + 1];
|
||||
bubbleInfo.push({
|
||||
x: scaleX(xRel),
|
||||
y: scaleY(yRel),
|
||||
radius: radius(hashGroup[(xRel * yRel) % hashGroup.length]),
|
||||
color: color(xRel + yRel)
|
||||
});
|
||||
}
|
||||
return bubbleInfo;
|
||||
}
|
||||
|
||||
|
||||
drawBubble = function (svg, bubbleInfo) {
|
||||
// Sort bubbles by radius in descending order
|
||||
bubbleInfo.sort(function (a, b) {
|
||||
return b.radius - a.radius;
|
||||
});
|
||||
for (var i = 0; i < bubbleInfo.length; i++) {
|
||||
var bubble = bubbleInfo[i];
|
||||
var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
|
||||
circle.setAttribute("cx", bubble.x);
|
||||
circle.setAttribute("cy", bubble.y);
|
||||
circle.setAttribute("r", bubble.radius);
|
||||
circle.setAttribute("fill", bubble.color);
|
||||
circle.setAttribute("fill-opacity", 0.75);
|
||||
svg.appendChild(circle);
|
||||
}
|
||||
}
|
||||
|
||||
var canvases = document.querySelectorAll(".bubble-visual-hash");
|
||||
canvases.forEach(function (canvas) {
|
||||
var hash = canvas.getAttribute("data-bubble-visual-hash");
|
||||
var width = canvas.viewBox.baseVal.width;
|
||||
var height = canvas.viewBox.baseVal.height;
|
||||
var bubbleInfo = createBubbleInfo(createHashGroupForString(hash), 8, width, height);
|
||||
drawBubble(canvas, bubbleInfo);
|
||||
});
|
||||
@@ -0,0 +1,42 @@
|
||||
// aHR0cHM6Ly9naXRodWIuY29tL2x1b3N0MjYvYWNhZGVtaWMtaG9tZXBhZ2U=
|
||||
$(function () {
|
||||
lazyLoadOptions = {
|
||||
scrollDirection: 'vertical',
|
||||
effect: 'fadeIn',
|
||||
effectTime: 300,
|
||||
placeholder: "",
|
||||
onError: function(element) {
|
||||
console.log('[lazyload] Error loading ' + element.data('src'));
|
||||
},
|
||||
afterLoad: function(element) {
|
||||
if (element.is('img')) {
|
||||
// remove background-image style
|
||||
element.css('background-image', 'none');
|
||||
element.css('min-height', '0');
|
||||
} else if (element.is('div')) {
|
||||
// set the style to background-size: cover;
|
||||
element.css('background-size', 'cover');
|
||||
element.css('background-position', 'center');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('img.lazy, div.lazy:not(.always-load)').Lazy({visibleOnly: true, ...lazyLoadOptions});
|
||||
$('div.lazy.always-load').Lazy({visibleOnly: false, ...lazyLoadOptions});
|
||||
|
||||
$('[data-toggle="tooltip"]').tooltip()
|
||||
|
||||
var $grid = $('.grid').masonry({
|
||||
"percentPosition": true,
|
||||
"itemSelector": ".grid-item",
|
||||
"columnWidth": ".grid-sizer"
|
||||
});
|
||||
// layout Masonry after each image loads
|
||||
$grid.imagesLoaded().progress(function () {
|
||||
$grid.masonry('layout');
|
||||
});
|
||||
|
||||
$(".lazy").on("load", function () {
|
||||
$grid.masonry('layout');
|
||||
});
|
||||
})
|
||||
@@ -0,0 +1,68 @@
|
||||
const citationCountElements = document.querySelectorAll('[data-semantic-scholar-id]');
|
||||
citationCountElements.forEach(element => {
|
||||
const id = element.getAttribute('data-semantic-scholar-id');
|
||||
if (id) {
|
||||
element.setAttribute('data-semantic-scholar-id', id.toLowerCase());
|
||||
}
|
||||
});
|
||||
|
||||
const semanticScholarIds = new Set(Array.from(citationCountElements).map(element => element.getAttribute('data-semantic-scholar-id')).filter(id => id));
|
||||
|
||||
let uncachedSemanticScholarIds = [];
|
||||
semanticScholarIds.forEach(id => {
|
||||
const cacheKey = `semanticScholarCitationCount:${id}`;
|
||||
const cachedData = localStorage.getItem(cacheKey);
|
||||
if (cachedData) {
|
||||
const { _, timestamp } = JSON.parse(cachedData);
|
||||
// If cached data is older than 1 hour, consider it uncached
|
||||
if (Date.now() - timestamp > 1 * 60 * 60 * 1000) {
|
||||
uncachedSemanticScholarIds.push(id);
|
||||
}
|
||||
} else {
|
||||
uncachedSemanticScholarIds.push(id);
|
||||
}
|
||||
});
|
||||
|
||||
let showSemanticScholarCitationCount = () => {
|
||||
// Update the DOM with the cached citation counts
|
||||
semanticScholarIds.forEach(id => {
|
||||
const cacheKey = `semanticScholarCitationCount:${id}`;
|
||||
const cachedData = localStorage.getItem(cacheKey);
|
||||
if (cachedData) {
|
||||
const { citationCount } = JSON.parse(cachedData);
|
||||
const elements = document.querySelectorAll(`[data-semantic-scholar-id="${id}"]`);
|
||||
elements.forEach(element => {
|
||||
element.innerHTML = `<a class="badge badge-pill badge-publication badge-info" href="https://www.semanticscholar.org/paper/${id}" target="_blank"><i class="ai ai-semantic-scholar"></i> ${parseInt(citationCount).toLocaleString()} citations</a>`;
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
if (uncachedSemanticScholarIds.length > 0) {
|
||||
fetch('https://api.semanticscholar.org/graph/v1/paper/batch?fields=citationCount', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify({
|
||||
ids: Array.from(semanticScholarIds)
|
||||
})
|
||||
}).then(response => {
|
||||
return response.json();
|
||||
}).then(data => {
|
||||
data.forEach(paper => {
|
||||
console.log(paper);
|
||||
// Cache citation count data
|
||||
const cacheKey = `semanticScholarCitationCount:${paper.paperId}`;
|
||||
const cacheData = {
|
||||
citationCount: paper.citationCount,
|
||||
timestamp: Date.now()
|
||||
};
|
||||
localStorage.setItem(cacheKey, JSON.stringify(cacheData));
|
||||
});
|
||||
}).catch(error => {
|
||||
console.error('Error fetching Semantic Scholar data:', error);
|
||||
}).finally(showSemanticScholarCitationCount);
|
||||
} else {
|
||||
showSemanticScholarCitationCount();
|
||||
}
|
||||
Reference in New Issue
Block a user