protest art-form! as opposition of big-G minimalism, neo-memphis and roundness (ugly) | no return (old-web) - create!!!

[Some_porcupine]

read info on thread "https://forum.agoraroad.com/index.php?threads/retaking-the-internet.5898/"
main info "https://forum.agoraroad.com/index.php?threads/retaking-the-internet.5898/post-80214"
text-only:

And it honestly was something that was gonna happen sooner or later. The massive power of the net was gonna be seen sooner or later by corps. The only solution is creating our own place like this. Neocities, Agora Road, Lainchan, personal webs, this whole "indie web" is the best solution, evn if it sucks. The best thing we can do is spread technopositivism again, but a return to the "good old days" is impossible

- if so, lets go!
lets make art movement!
i will start thread, for the sake of it
if we cant return, we can "make our own" then
as opposition of Google minimalism, neo-memphis and roundness (ugly)
protest art-form!

 

[manpaint]

I mean it already exists. What do you think we are doing here lol

 

[Some_porcupine]

I mean it already exists. What do you think we are doing here lol

XD (whoops(nt))
sorry not sorry - i meant something like group of Dadaists
creating the foundations, principles of *this* art-form/aesthetic

name:
color pallete:
primal shapes/forms:
ideas behind form(s):
- and such

 

[manpaint]

XD (whoops(nt))
sorry not sorry - i meant something like group of Dadaists
creating the foundations, principles of *this* art-form/aesthetic

name:
color pallete:
primal shapes/forms:
ideas behind form(s):
- and such

I mean, 90% of the appeal of the old web for most people was the sheer chaos. Trying to introduce order will only backfire.

 

[alix]

I mean it already exists. What do you think we are doing here lol

My idea was spreading alternative art with technopositivism and other themes across the indie web, and keeping Agora kinda out of this so that this doesnt become Yesterweb 2.0. While I don't expect this to become a big movement across the web, I was hoping that it would spread across the indie web, since even in it technopositivism is dissapearing a bit

 

[manpaint]

My idea was spreading alternative art with technopositivism and other themes across the indie web, and keeping Agora kinda out of this so that this doesnt become Yesterweb 2.0. While I don't expect this to become a big movement across the web, I was hoping that it would spread across the indie web, since even in it technopositivism is dissapearing a bit

Best way to go is probably to create a Neocities site kinda like what Sadness initially did with the yesterweb.

 

[Some_porcupine]

I mean, 90% of the appeal of the old web for most people was the sheer chaos. Trying to introduce order will only backfire.

so this says, it was just people "getting space"
then i guess, we can just make stickers/banners "old-web's back, alright!"
/half-joking ~ we cant just return - it was said, - people changed themselves | we might miss it, but then, those kids born cca 2007 newer experienced any of that...

 

[alix]

I mean, 90% of the appeal of the old web for most people was the sheer chaos. Trying to introduce order will only backfire.

I don't want order. It's promoting an artstyle. Promoting this kind of art will make the web better. Technopositivism is one of the reasons old aesthetics have so much nostalgia around them.

 

[alix]

Best way to go is probably to create a Neocities site kinda like what Sadness initially did with the yesterweb.

That's one of the main steps. Showing this style to more people across the indie web can also help

 

[manpaint]

so this says, it was just people "getting space"
then i guess, we can just make stickers/banners "old-web's back, alright!"
/half-joking ~ we cant just return - it was said, - people changed themselves | we might miss it, but then, those kids born cca 2007 newer experienced any of that...

I think your motivation is flawed to begin with. You believe that kids need to see the old web, but you got to remember even before the globohomo, most "normies" that did used the web only pretty much only browsed early social media sites and checked meteo. Those that did use the web were the curious type, the "nerds".

Nowadays, said "nerds" who are curious enough are just on HeySpace.

I don't want order. It's promoting an artstyle. Promoting this kind of art will make the web better. Technopositivism is one of the reasons old aesthetics have so much nostalgia around them.

And to who you want to promote it exactly? As already discussed "normies" are out of the equation, so I guess the best would try to target those that would like the indie-web.

 

[alix]

I think your motivation is flawed to begin with. You believe that kids need to see the old web, but you got to remember even before the globohomo, most "normies" that did used the web only pretty much only browsed early social media sites and checked meteo. Those that did use the web were the curious type, the "nerds".

Nowadays, said "nerds" who are curious enough are just on HeySpace.



And to who you want to promote it exactly? As already discussed "normies" are out of the equation, so I guess the best would try to target those that would like the indie-web.

I don't really want to target this to kids. I was thinking to promote it in the indie web, "nerd fandoms" (Lain, spacehey scene kids, etc...), and all of the indie web in general

 

[Some_porcupine]

non-sequir

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="generator" content=
"HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39">
<meta name="viewport" content=
"width=device-width, initial-scale=1.0">
<title></title>

<style>

* {box-sizing: border-box; border-collapse: collapse; font-family: monospace;margin: inherit;}
body {margin: 1em 4.5em;  padding: 0;  border: none;  display: flex;  flex-direction: row;  flex-wrap: wrap;}

@media (min-width: 0px) and (max-width: 480px) {
 .rev {
  min-width: 100%;  max-height: 27vh;  height: 100%;  overflow-y: scroll;
    }
.asdf {
  min-width: 100%;  max-height: 27vh;  overflow-y: scroll;
    }
a.col {max-width: 64px; max-height: 64px;}
}

div {display: flex;   flex-wrap: wrap;  justify-content: space-between;  align-items: center;  align-content: start; margin: O 3em; float: left; margin: 0.2em; flex-direction: row; border-collapse: collapse; font-size: 10pt; border-radius: 15px 0;}
.left {width: calc(20% - 0.2px); float: left;}
.right { float: left; width: 79%; padding: 1em; }
        .zero {padding: 0;}
        .null {border: none;}
.rev {flex-direction: column;background: #ffc790;justify-content: start; width: 20%;}
 .pic {width: 88px;height: 31px;margin: 1px ;font-size: 6pt;padding: 3px;}
.name {width: 100%; padding: 0; border: none}
textarea {padding: 0; width: 48%; font-size: 10pt;}
a.col {width: 88px;height: 31px;margin: 1px ;font-size: 6pt;padding: 3px; border: 1px solid black;  border-radius: 3px; display: flex;justify-content: center;align-items: center}
        a.name{padding-top: 20px;}
        .col {flex-direction: row; padding: 1em; gap: 1vh;text-align: justify;}
                .offset > .col {width: 88px; height: 31px;  border: 1px solid black;  border-radius: 3px;}
                        .offset { justify-content: space-between;}
b{font-weight: 900;}

.bebe {width: 40em;padding: 1vw;position: inherit;display: flex;justify-content: space-evenly;align-content: center;}
.asdf {width: 79%; height: 100%; background: #ffff90;padding: 1em 3em;}
.full, .header {width: 100%;}
        .bebe > .top-menu {width: 30%;height: 31px;display: flex;justify-content: center;align-content: center;position: relative;border: 1px solid black;border-radius: 6px;padding: 3px;}
                                .top-menu {width: 100%;height: 31px;display: flex;justify-content: center;align-content: center;position: relative;border: 1px solid black;border-radius: 6px;padding: 3px;}
.sider{  background: transparent;  right: 0;  display: block;  top: 20vh;  z-index: 1120058;  width: 4vw;  position: fixed;  left: -0px;  border-radius: 0;  font-size: 7pt;  height: 50vh;  line-height: 2.2vh;  padding: 0;  margin: 1px;  writing-mode: vertical-rl;  text-orientation: initial;}
.center{background: #c8ff90; position: sticky;top: 0;display: inline-flex;z-index: 9999;min-height: 15vh;}

        .right > .col > a {  padding: 3px;  margin: 1px ;  flex-wrap: wrap;  display: inline-flex;  position: relative; font-size: x-small;}
h4 {margin-top:0 !important; margin-bottom: 0 !important;}
#myInput {width: 45%;height: 100%;flex-wrap: wrap;display: flex;position: relative;justify-content: center;align-content: baseline;}

.thirds{display: block;position: relative;column-count: 3;height: 70vh; padding: 0 1em;}
.col.left.name.top-menu{border: 1px solid black;max-width: 88px;height: auto;border-radius: 5px;}
        div.col.name.offset {justify-content: flex-start; padding: 0;}
a.counter {width: fit-content;border: 1px solid black;padding: 1vw;font-family: monospace;}

</style>
</head>
<body>
<div class="flex right col full header nav sider">
<b>NAV</b><br>
<UL>
<A>:HEADER |</A>
<A>.HOME</A>
<A>.MISC</A>
<A>.CONTACT</A>
<A>:QUICK-LINKS</A>
<A>:INTRO</A>
<A>.SOCIALS</A>
<A>.PALS</A>
<A>:TEXT |</A>
<A>.#1</A>
<A>.#2</A>
<A>.#3</A>
<A>:FOOTER</A>
</UL>
</div>

<div class="flex right col full header center">
<div class="/flex /left /col /full /rev bebe col name" style="padding: 0 6.3245em;">
<h1><b>MY SOCIALS WEBPAGE</b></h1>
</div>
<div class="/flex /left /col /full /rev bebe">
<div class="/col /left /name top-menu btn"><a class=
"">HOME</a></div>
<div class="/col /left /name top-menu btn"><a class=
"">??MISC??</a></div>
<div class="/col /left /name top-menu btn"><a class=
"">CONTACT</a></div>
</div>
</div>
<div class="header" style="padding: 1em 6.3245em; background: #90c8ff;">
<h4><b><i>"I call it smooth LANDING [page]..."</i></b></h4>
</div>

<div class="flex left /full rev col /name /offset"><a class="name" style="padding: 0; border: none;"><b>QUICK-LINKS</b><hr></a>
<div class="btn top-menu" width="100%"><!--<img>--><a class=
"">PROFILE</a></div>
<div class="/col name zero"><a class="pic">
<!--<img class="pic">-->SMOOTH LANDING AT LEAST</a> | <input type=
"text" value=
"width: 88px;height: 31px;margin: 1px ;font-size: 6pt;padding: 3px;"
id="myInput"> <button onclick="myFunction()">Copy Btn HTML</button>
<script>
function myFunction() {
  // Get the text field
  var copyText = document.getElementById("myInput");

  // Select the text field
  copyText.select();
  copyText.setSelectionRange(0, 99999); // For mobile devices

  // Copy the text inside the text field
  navigator.clipboard.writeText(copyText.value);
 
  // Alert the copied text
  alert("Copied the text: " + copyText.value);
}
</script></div>
<div class="btn top-menu"><a href=
"mailto:%20[[email protected]]?subject=%20&amp;body="
target="_blank">Email me! (*)</a></div>
<hr>
<div class="/col /name /offset"><a class="name" ><b>INTRO</b><hr></a>
<p><b>Intro(1)[&gt;2] · Blog</b><br>
Welcome(2).<br></p>
<p>This is my new webpage. I made it for my all links. Why? Because
why not. (Who I play with, I am so lonely...)</p>
<p>Well, it was my fault. Being such wet blanket, so undecisive, so
"unrooted" to anything.<br>
Not believing in anything (and anybody, huh) brings, with freedom,
the sense of belonging - to nothing. No ground. Nothing. Just my
self.</p>
<p>But I lie. There is nothing, then there is no Me. I define as
what, if I believe in no(-)thing and no one? Clown.<br>
(I) Make everyone to laught, but myself. I want to forget myself.
All the mistakes. All coulds. All those times...</p>
<p>Too afraid to do anything. No friends, Just being there. But my
fault. I wanted ("no") help, - but "if you are friends with
everyone, there is something wrong with you." Exquisite
/sarcasm.</p>
-···-<br>
<br>
<p>Heh, guilt-trip. By myself. What a gift. Prolly thing that keeps
me still going on, even when I do (rather) nothing.<br>
"Fausting" around? IDK TBH how to end this overthinking, this post
even. Bye then, I guess, mleh. Feels bland; bad, maaan...</p>
</div>
</div>
<div class="asdf">
<div class="col name offset"><a class="name" style=
"padding: 0; border: none"><b>SOCIALS</b>
<hr></a> <a class="col">SMOOTH LANDING AT LEAST</a><a class=
"col">BLOGGER - PROFILE</a><a class="col">BLOG -
BLOGGER</a><a class="col">BLOG - ARCHIVE</a><a class="col">MAIL
ME!</a><a class="col">MINI REPO SITE</a> * <a class=
"col">BUDATINSKYHRAD<br>
.WZ.SK</a>
<hr>
<a class="col">PLEBBIT PROFILE</a><a class="col">PLEBBIT
SUB</a><a class="col">TWITTER</a> <a class=
"col">PIN//BOARDS</a><a class="col">TUMBLR</a><a class="col">TUMBLR
2 (PR ADS)</a><!--<a class="col">QUORA</a>-->
<hr>
<a class="col">LAST.FM</a><a class="col">SPOTIFY
PROFILE</a><a class="col">SPOTIFY PLAYLIST</a><a class="col">YT
FAVS/PLs</a><a class="col">YT ARTS (EARBLEEDS))</a><a class=
"col">(A)OL SEQUENCER</a><a class="col">SOUNDCLOUD (NOT MUCH)</a>
<hr>
<a class="col">WATTPAD PROFILE</a><a class="col">WATTPAD ARTS
(MAIN-MEH)</a><a class="col">BLOG - DEE(R)P</a><a class=
"col">ARBREEDER (AI)</a><a class="col">[SECRET]</a><a class=
"col">CHARACTER.AI ("MIND UPLOAD")</a><a class="col">CHAR.AI (EDGY
14YO.)</a><a class="col">CHAR.AI (PROFILE)</a> * <a class=
"col">9</a><a class="col">10</a>
<div class="/col name /offset"><a class="name" >
<hr>
<b>Line 1:</b> Hit me up @t... | <b>Line 2:</b> Socials (blogs) |
<b>Line 3:</b> Music | <b>Line 4:</b> (F)arts...</a></div>
</div>
<div class="col name offset"><a class="name" style=
"padding: 0; border: none"><b>PALS</b>
<hr></a> <a class="col">1</a><a class="col">2</a><a class="col">3</a><a class="col">4</a><a class="col">5</a><a class="col">6</a><a class="col">7</a><a class="col">8</a><a class="col">9</a><a class="col">10</a>
<div class="/col name /offset"><a class="name" ><br>
<hr></a></div>
</div>
<div class="/asdf thirds">
<div class="/col /name /offset">Lain + Evangelion + Steins;Gate +
Key metal idol + GIST + Alita...
<hr>
One wonders - do we create labels for ourselves and others - just
so we - we save time by this - are(nt) we...
<hr>
And religions - are just simplifications of our urge to understand
- yet, to - shorten - our views, to make - connections - save time
too...
<hr>
So this dude HAL9000, heuretical, is only what we are too - but we
have morals - lest lost, we are too, on alone, like HAL, him...
<hr>
Back in the days, it was "Going on web to escape reality.", then it
became "Going to reality to escape this net bs.".
<hr>
The question, now, is - what it should be, NOW? · If both those
spaces are corrupted, what stays - your imagination? Dreams?
<hr>
Predicting everything is fine - lying to yourself, others too? ·
They do it too anyways, why dont you? It feels bad i know, - why
dont THEY feel bad, then!?...
<hr>
- The thing is: DO YOU FEEL BAD BECAUSE YOU SHOULD, OR BECAUSE YOU
WERE LEARNT YOU SHOULD?!<br>
<hr>
<br>
INSANITY SOON<br>
<br></div>
<div class="/col /name /offset"><a class="name" style=
"padding: 0; border: none">
<hr>
<b>#2</b></a> myyolo1999.../p/novy-blog.html<br>
22/12/19<br>
<br>
Vitajte na mojom novom blogu.<br> Keď je človek najšťastnejší, začne sa všetko kaziť, priam zákonite.<br>
Ak je všetko hotové, ukáže sa tá najmenšia chyba a musíte robiť všetko odznova. Najlepšie na tom však je to načasovanie.<br>
Nazvané aj ako hrozné načasovanie.<br> Človek nikdy nič úplne nedokončí. A vôbec, -<br> Ranné Depresso už zasa tečie na hlavu.<br>
Studená sprcha v podobe miniatúrnej chyby, ktorá nebyť tak byrokratického a striktného systému, vôbec nemusí existovať.<br></div>
<div class="/col /name /offset"><a class="name" style=
"padding: 0; border: none">
<hr>
 </a> myyolo1999.../p/novy-blog.html<br>
<hr>
<i>#Personality #Me #Myself #MyDefinition #LostInLife #Blog #Rant #Aesthetics #Post2010s #NoJobNoXP #FormVSIdea #NatureVSComfort #MusicFan #"SoINFP" #LetsPretendIts60s #Post9/11 #DominoLineCasiopeaSong #NeverEndingWorldSeemsSo #MissThe90s #OhBoyDontLetMeStart #Nostalgia #CityPopFan #21stCenturyBreakDown #JoinTheBlackParadeMCR #Teenagers</i>
<hr></div>

</div>
</div>

<div class="header" style=
"padding: 1em 6.3245em; background: #9091ff;"><b>(FOOTER) · LAST
DATE EDITED: XX-XX-XXXX · XXX H</b></div>

<div>
<a class="counter" style="">
    <label for="start-date4"><b>Start Date: "Eternal Crap" 2012</b></label>
    <input type="date3" id="start-date4" value="2012-12-21" style="visibility: hidden;"> <!-- Set a predefined start date -->
    <p>End Date: (present day, today)<br><span id="end-date4"></span></p> <!-- Display the end date here -->
    <button onclick="calculateDays4()">Calculate Days</button>
    <p id="result4"></p>

    <script>
        function calculateDays4() {
            var startDate4 = new Date(document.getElementById("start-date4").value);
            var endDate4 = new Date(); // Set the end date to "today"
            var timeDiff4 = endDate4.getTime() - startDate4.getTime();
            var dayDiff4 = Math.floor(timeDiff4 / (1000 * 3600 * 24));
            document.getElementById("result4").innerHTML = "Number of days: " + dayDiff4;
            document.getElementById("end-date4").innerHTML = endDate3.toISOString().slice(0, 10); // Display the end date
        }
    </script>
</a>

<a class="counter" style="">
    <label for="start-date3"><b>Start Date: "Eternal Sep." 93</b></label>
    <input type="date3" id="start-date3" value="1993-09-01" style="visibility: hidden;"> <!-- Set a predefined start date -->
    <p>End Date: (present day, today)<br><span id="end-date3"></span></p> <!-- Display the end date here -->
    <button onclick="calculateDays3()">Calculate Days</button>
    <p id="result3"></p>

    <script>
        function calculateDays3() {
            var startDate3 = new Date(document.getElementById("start-date3").value);
            var endDate3 = new Date(); // Set the end date to "today"
            var timeDiff3 = endDate3.getTime() - startDate3.getTime();
            var dayDiff3 = Math.floor(timeDiff3 / (1000 * 3600 * 24));
            document.getElementById("result3").innerHTML = "Number of days: " + dayDiff3;
            document.getElementById("end-date3").innerHTML = endDate3.toISOString().slice(0, 10); // Display the end date
        }
    </script>
</a>

<a class="counter" style="">
    <label for="start-date"><b>Start Date: 1/1/01</b></label>
    <input type="date" id="start-date" value="2001-01-01" style="visibility: hidden;"> <!-- Set a predefined start date -->
    <p>End Date: (present day, today)<br><span id="end-date"></span></p> <!-- Display the end date here -->
    <button onclick="calculateDays()">Calculate Days</button>
    <p id="result"></p>

    <script>
        function calculateDays() {
            var startDate = new Date(document.getElementById("start-date").value);
            var endDate = new Date(); // Set the end date to "today"
            var timeDiff = endDate.getTime() - startDate.getTime();
            var dayDiff = Math.floor(timeDiff / (1000 * 3600 * 24));
            document.getElementById("result").innerHTML = "Number of days: " + dayDiff;
            document.getElementById("end-date").innerHTML = endDate.toISOString().slice(0, 10); // Display the end date
        }
    </script>
</a>

<a class="counter" style="">
    <label for="start-date2"><b>Start Date: "9/11"</b></label>
    <input type="date2" id="start-date2" value="2001-09-11" style="visibility: hidden;"> <!-- Set a predefined start date -->
    <p>End Date: (present day, today)<br><span id="end-date2"></span></p> <!-- Display the end date here -->
    <button onclick="calculateDays2()">Calculate Days</button>
    <p id="result2"></p>

    <script>
        function calculateDays2() {
            var startDate2 = new Date(document.getElementById("start-date2").value);
            var endDate2 = new Date(); // Set the end date to "today"
            var timeDiff2 = endDate2.getTime() - startDate2.getTime();
            var dayDiff2 = Math.floor(timeDiff2 / (1000 * 3600 * 24));
            document.getElementById("result2").innerHTML = "Number of days: " + dayDiff2;
            document.getElementById("end-date2").innerHTML = endDate2.toISOString().slice(0, 10); // Display the end date
        }
    </script>
</a>

</div>

</body>
</html>

+ comment:
I can delete this thread if it is bullshit
I just wanted to (blatantly) start new artistic idealism (that, being naiive dreamer from my side)
Something that would be counter-push/balance, opposing "blobferity" of modern web, design "agenda" of m3.material.io - Material Design
- and, that is, - maybe (even!) force-feed this "movement" , as big-G does - to those whose hearts lie elsewhere (from big-G) - ...
-- at cost of becoming what i hate, "just for noble cause", to save *normiedom* from themselves -
--- that now, looking back to this idea - is both wrong, dirty, and contradictory/contrarian of that what i stand and, started this all ado about...

 

[Some_porcupine]

- based on https://www.last.fm/tag/happy+hardcore music and visuals + https://www.last.fm/tag/rave, ambientexperimentaldancehouseelectronicatrance + https://www.last.fm/tag/electronic + https://www.last.fm/tag/dnb
--- internet, future positivism!

 

[Dr. MacGutsy]

I'm working on a new industrial project about how ass backwards everything is because of the corpo types. Going against the oligarchs instead of the dime-a-dozen "being mean is bad" songs. Music can do a lot. Not sure if this even counts.

 

[PurpleHello98]

This sounds really interesting! I think techno-positivism is important, though I think it's also still prudent to be wary, especially of new forms of tech. But I think this could be a really cool project!

 

[imacop]

Dadaists

You've got my attention

 

[imacop]

Also wanted to chime in on how I haven't seen any articles about how ALL interactive elements are rounded corners with slightly lighter backgrounds the past two years. I guess I'll write one!

 

[Some_porcupine]

i know it is "fake", to push, force things...
it is only, that if we cant do shit, we should enjoy it or at least, minimalize suffering!
(how can West blame 3rd-world countries, if they only had to make their eco-green-homo-lib... part!? sounds so hypocritical to do so! they barely started to develop their "personality", yet, you should rather help them to do "your dream", green and wet... than to wait for them to do so, "to be left behind"! if this is true, then it seems, there is some huge profit in this hypocrisy! like, not helping, yet blaming! so simple, and disgusting!!! ... to (just suppose make money out of in-fights , within those countries, by selling guns --- or something similarly messed up... !!! (can you imagine? or i just see everything very cynically?)

 

[Some_porcupine]

take it/make it come back!

 

[Antice]

Also wanted to chime in on how I haven't seen any articles about how ALL interactive elements are rounded corners with slightly lighter backgrounds the past two years. I guess I'll write one!

"Upgrade people upgrade"
The history of corp. design is saddening. Once passionate people losing their power or will for a mainstreamed product. Artist getting not appreciated, rediscovered and capitalized.

There is a new evolution of mobile screen interaction (I forgot). Once resembling physical buttons (icons) now get abstracted into even more obscure and unrecognisable meta menus. And it appears to me, people are getting better at bloating those UIs than optimizing.

Imagine loading one website of today with the old Internet contract