HTML
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>MeshNews!</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500&display=swap'><link rel="stylesheet" href="./style.css">
</head>
<body>
<div id="app">
<main>
<dl>
<div class="logo"> <img src="img/logo.png" width="207" height="66,60"> </div>
<div class="title"><p> news.bitcoin.com</p></div>
<template v-for="item in news.me">
<dt><a :href="item.link" target=_blank>{{ item.title }}</a></dt>
<dd><small><a :href="item.link" target=_blank>Details — {{ item.isoDate.substring(0, 10).replace(/-0+/g, '-') }}</a></small></dd>
</template>
</dl>
<dl>
<div class="menu">
<a href="https://t.me/mesh_news" target=_blank><ul>Telegram</ul><a>
<a href="https://instagram.com/meshnewsen" target=_blank><ul>Instagram</ul><a>
<a href="mailto:mail@cryptomesh.net" target=_blank><ul>Contact</ul><a>
</div>
<div class="right">
<div class="title"><p> dailycoin.com</p></div>
<template v-for="item in news.mo">
<dt><a :href="item.link" target=_blank>{{ item.title }}</a></dt>
<dd><small><a :href="item.link">Details — {{ item.isoDate.substring(0, 10).replace(/-0+/g, '-') }}</a></small></dd>
</template>
</div>
</dl>
</main>
<div class="bakalim">
<dl>
<div class="title-2"><p> blockonomi.com</p></div>
<template v-for="item in news.mi">
<dt><a :href="item.link" target=_blank>{{ item.title }}</a></dt>
<dd><small><a :href="item.link" target=_blank>Details — {{ item.isoDate.substring(0, 10).replace(/-0+/g, '-') }}</a></small></dd>
</template>
</dl>
<dl>
<div class="title-2"><p> coinquora.com</p></div>
<template v-for="item in news.mu">
<dt><a :href="item.link" target=_blank>{{ item.title }}</a></dt>
<dd><small><a :href="item.link" target=_blank>Details — {{ item.isoDate.substring(0, 10).replace(/-0+/g, '-') }}</a></small></dd>
</template>
</div>
</dl>
</div>
<script src='https://unpkg.com/rss-parser@3.8.0/dist/rss-parser.min.js'></script>
<script src='https://unpkg.com/vue@2.6.11/dist/vue.min.js'></script><script src="./script.js"></script>
</body>
</html>JSconst App = new Vue({
el : '#app',
data : {
CORS_PROXY : "https://api.allorigins.win/get?url=",
news : {
me : JSON.parse(localStorage.getItem('news.me')) || [],
mo : JSON.parse(localStorage.getItem('news.mo')) || [],
mi : JSON.parse(localStorage.getItem('news.mi')) || [],
mi : JSON.parse(localStorage.getItem('news.mu')) || []
}
},
methods : {
rss : function() {
let parser = new RSSParser();
fetch(`${this.CORS_PROXY}${encodeURIComponent('https://news.bitcoin.com/feed/')}`)
.then(response => {
if (response.ok) return response.json()
throw new Error('Network response was not ok.')
})
.then(data => {
parser.parseString(data.contents, (err, feed) => {
if (err) {
this.news.me = [err]
} else {
this.news.me = feed.items;
localStorage.setItem('news.me', JSON.stringify(this.news.me));
}
})
});
window.setTimeout(() => {
fetch(`${this.CORS_PROXY}${encodeURIComponent('http://dailycoin.com/rss')}`)
.then(response => {
if (response.ok) return response.json()
throw new Error('Network response was not ok.')
})
.then(data => {
parser.parseString(data.contents, (err, feed) => {
if (err) {
this.news.mo = [err]
} else {
this.news.mo = feed.items;
localStorage.setItem('news.mo', JSON.stringify(this.news.mo));
}
})
});
fetch(`${this.CORS_PROXY}${encodeURIComponent('https://blockonomi.com/rss')}`)
.then(response => {
if (response.ok) return response.json()
throw new Error('Network response was not ok.')
})
.then(data => {
parser.parseString(data.contents, (err, feed) => {
if (err) {
this.news.mi = [err]
} else {
this.news.mi = feed.items;
localStorage.setItem('news.mi', JSON.stringify(this.news.mi));
}
})
});
fetch(`${this.CORS_PROXY}${encodeURIComponent('https://coinquora.com/feed/')}`)
.then(response => {
if (response.ok) return response.json()
throw new Error('Network response was not ok.')
})
.then(data => {
parser.parseString(data.contents, (err, feed) => {
if (err) {
this.news.mu = [err]
} else {
this.news.mu = feed.items;
localStorage.setItem('news.mu', JSON.stringify(this.news.mu));
}
})
});
}, 250);
}
},
created: function () {
this.rss();
}
});Site görünüm;