73 lines
2.6 KiB
HTML
73 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
|
|
<!-- Yandex.Metrika counter -->
|
|
<script type="text/javascript" >
|
|
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
|
|
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
|
|
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
|
|
|
ym(89899712, "init", {
|
|
clickmap:true,
|
|
trackLinks:true,
|
|
accurateTrackBounce:true
|
|
});
|
|
</script>
|
|
<noscript><div><img src="https://mc.yandex.ru/watch/89899712" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
|
|
<!-- /Yandex.Metrika counter -->
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" type="text/css" href="/static/resources/styles/projects.style.css"/>
|
|
<link rel="icon" type="image/x-icon" href="/static/resources/images/favicon.png">
|
|
<title>Mootfrost - проекты</title>
|
|
<meta name="description" content="My projects">
|
|
</head>
|
|
<body id="particles-js" ondragstart="return false;" ondrop="return false;">
|
|
<div class="title-menu top">
|
|
<div class="title-div title-container">
|
|
<h1 class="title unselectable">проекты:</h1>
|
|
<div class="contents-div projects-container horizontal-container" id="projects-list"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p class="footer-text">v0.6</p>
|
|
</footer>
|
|
</body>
|
|
|
|
<template id="project-card-template">
|
|
<a class="projects-contents" id="link" href="https://google.com/">
|
|
<div class="button-div project-container">
|
|
<h2 class="projects-title" id="title">Name</h2>
|
|
<hr class="rounded">
|
|
<p class="projects-contents" id="description">Description</p>
|
|
</div>
|
|
</a>
|
|
</template>
|
|
|
|
<script src="/static/resources/scripts/plugins/particles/particles.min.js"></script>
|
|
<script src="/static/resources/scripts/script.js"></script>
|
|
<script>
|
|
async function load_projects()
|
|
{
|
|
let resp = await fetch('/api/get_repos', {
|
|
method: 'GET',
|
|
},
|
|
);
|
|
let projects = await resp.json()
|
|
|
|
for (let i = 0; i < projects.length; i++) {
|
|
let card = document.importNode(document.getElementById('project-card-template').content, true)
|
|
card.querySelector('#link').href = projects[i].url
|
|
card.querySelector('#title').innerText = projects[i].name
|
|
card.querySelector('#description').innerText = projects[i].description
|
|
|
|
document.getElementById('projects-list').appendChild(card)
|
|
}
|
|
}
|
|
load_projects()
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|