gabriel/interverse
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Remove branding

Browse source
This commit is contained in:
Gabriel 2022-01-25 23:49:52 -05:00
parent 6bcdf983b3
commit 3ce705dba5
4 changed files with 146 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
Client/.well-known/interverse Normal file
View file

@ -0,0 +1,23 @@
{
"version": 0.1,
"name": "My website",
"image":"",
"location": "https://my.website",
"resources": [
{
"label": "RSS Feed",
"icon": "",
"location": "https://my.website.com/rss.xml",
"description": "Stay up to date!"
}
],
"connections": [
"https://libresolutions.network",
"https://retroedge.tech"
],
"contact": {
"e-mail": "contact@https://my.website",
"matrix": "@me:https://my.website",
"fediverse": "@me@mastodon.social"
}
}

37
Client/helper.js Normal file
View file

@ -0,0 +1,37 @@
function fetchdata(url,cback){
var req = new XMLHttpRequest();
req.open("GET",url,true);
req.addEventListener("load",cback);
req.send();
}
function logreq(event){
console.log("Event:")
console.log(event.target.response)
}
function parse_news_item(dat){
var item = {};
item.title = dat.slice(dat.search("<title>")+7,dat.search("</title>"));
item.description = dat.slice(dat.search("<description>")+13,dat.search("</description>"));
item.url = dat.slice(dat.search("<link>")+6,dat.search("</link>"));;
item.img = dat.slice(dat.search("<img>")+5,dat.search("</img>"));;
return item;
}
function get_rss_list(data){
var items = data.split("<item>").splice(1);
return items.map(parse_news_item).reverse();
}
//https://davidwalsh.name/query-string-javascript
function getUrlParameter(name) {
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
var results = regex.exec(location.search);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
};

1
Client/index.html
View file

@ -6,7 +6,6 @@
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
<script src="/helper.js"></script>
</head>
<body>
<div class="interverse" x-data x-if="Alpine.store('data')">
<div id="interverse-details">

86
Client/theme.css Normal file
View file

@ -0,0 +1,86 @@
body{
--theme-primary-color:white;
--theme-secondary-color:black;
background-color:var(--theme-primary-color);
color:var(--theme-secondary-color);
overflow-x:hidden;
margin:0;
display:flex;
flex-direction: column;
font-size:185%;
}
@media screen and (min-width:1000px) {
body{
font-size:100%;
}
}
table {
border-spacing:0;
}
th,td {
padding:0.5rem;
border:2px solid var(--theme-secondary-color);
}
a{
color:var(--theme-secondary-color)
}
a {
text-decoration: none;
}
.inververse{
display:flex;
flex-direction: row;
flex-wrap: wrap;
}
#interverse-details{
display:flex;
flex-direction: row;
align-items: center;
}
#interverse-resources{
justify-content: space-evenly;
flex-wrap: wrap;
display:flex;
flex-direction: row;
}
.interverse-resource{
}
.interverse-resource-icon{
height:3rem;
width:3rem;
}
#interverse-connections{
display:flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-evenly;
align-items: flex-start;
}
.interverse-connection{
width:fit-content;
border: 1px solid var(--theme-secondary-color);
padding:0.5rem;
margin:0.25rem;
}
.interverse-widget{
width:50vw;
height:60vh;
}