Remove branding

2 years ago · 3ce705dba5
parent 6bcdf983b3
commit 3ce705dba5
4 changed files with 146 additions and 1 deletions
--- a/Client/.well-known/interverse
+++ b/Client/.well-known/interverse
@ -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"
+    }
+    }
--- a/Client/helper.js
+++ b/Client/helper.js
@ -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, ' '));
+};
--- a/Client/index.html
+++ b/Client/index.html
@ -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">
--- a/Client/theme.css
+++ b/Client/theme.css
@ -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;
+}