diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d5f19d8 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules +package-lock.json diff --git a/index.html b/index.html index 02db1e5..90c800d 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,8 @@ + +

Penelope Gwen

@@ -13,52 +15,45 @@

About

-

I'm Penelope (it/its/she/her), a queer sociologist, sysadmin, archivist, and rat mom.

+

I'm Penelope/pogmommy (it/its/she/her), a queer rat mom with a background in sociology, software development, and archivism.

+

Projects

Pogmom Suite

-

A collection of multimedia content delivery and productivity software which serves as an ongoing archivism and decentralization project.

+

In an effort to combat the predatory data collection, hostile platform siezure, and enshittification of the centralized internet experienced by myself and those close to me, I host a collection of online services dubbed the 'Pogmom Suite'.

+

These services utilize federated social networking standards and rely on free and open source software as exclusively as possible.

+

While security and practicality require that registration not be open to the general public, I am more than happy to offer advice and guidance to those interested in pursuing similar projects.

+
+
+

MusicBrainz Artist Monitoring

+

I do my best to honor the importance of the art and artists in my life by documenting their work on MusicBrainz, an open music encyclopedia.

+

To see the statuses of my actively-monitored artists, please see the public spreadsheet here.

+

If you would like me to consider taking on an artist to maintain on MusicBrainz, please fill out the form here.

Software

-

Most of my software can be found at my Gitea, or at its mirror on my Github.

+

+

Most of my software can be found at my Gitea, or at its mirror on my Github.

+

I also package software for the Debian operating system, which I host on my apt repository.

-
-

Spreadsheets

-

Financial Tracker

-

Cookie Recipe

-

Truth Table

-

Financial Splitter

-
-

Essays

Archives, Feudalism, and Digital Literacy

-

My undergraduate thesis, informed by my Sociological and Information Technologies backgrounds

+

My undergraduate thesis synthesized my sociological studies with my aptitude for technology. Inspired by my work with my mentor, I spend the final year of my studies articulating the failure our our academic and employment infrastucture to foster digital literacy in the public.

+

While I consider my work on the topic far from finished, the version published here represents the spirit of my work and captures the motivation behind much of my other work.

-
-

Simmel's Conflict and Liberation

-

Written for a university sociological theory class. Explores liberatory and assimilationist politics through the lens of Georg Simmel's concept of conflict

-
-
-

Weber: Beauracracy and Capital

-

Written for a university sociological theory class. An exploration and synthesis of Max Weber's Bureaucracy and Karl Marx's Capital in a modern lens in the context of automation

-
-
-

Durkheim and Gender Minorities

-

Written for a university sociological theory class. Explores Emile Durkheim's concepts of egoism and anomy and how they distinctly effect those belonging to gender minority groups

-
-

-

diff --git a/style/css/style-large.css b/style/css/style-large.css index 6f54f64..8a8b90f 100644 --- a/style/css/style-large.css +++ b/style/css/style-large.css @@ -14,13 +14,30 @@ body { background-color: #da75ed33; height: fit-content; width: fit-content; - margin: 0 auto auto; + margin: 2vh 1vw auto; animation: .25s; } .pagecontent { min-width: 50%; flex: 1 1 0; - margin: 3vh 3vw; + margin: 2vh 1vw; +} +/*.rat-album { + img { + + } + p { + + } +}*/ +.sidebar-image { + width: 75%; + margin: 1vh auto 0; + display: block; + border-radius: 8px; +} +.sidebar-caption { + text-align: center; } h1,h2,h3,p,a,hr { color: #da74e5; @@ -29,11 +46,14 @@ h1,h2,h3,p,a{ font-family: 'Overpass', sans-serif; font-weight: 50; margin-bottom: 0; - text-decoration: none; +/* text-decoration: none;*/ } h1 { font-size: 3em; } +p { + font-size: 1.05em; +} .title { text-align: center; } @@ -85,9 +105,10 @@ h1 { border-radius: 8px; } .bubble { - background-color: #da75ed44; +/* background-color: #da75ed44;*/ + background-color: #da75ed22; border-radius: 8px; - padding: 1vh 1vw; + padding: 1vmax; margin: 1vmax 0; & > h2,& > p { margin-top: 0; diff --git a/style/css/toots.css b/style/css/toots.css index 0307a27..a36e4d8 100644 --- a/style/css/toots.css +++ b/style/css/toots.css @@ -3,11 +3,11 @@ list-style: none; padding: 0; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; - margin-top: 0; + margin: 0; } .toot { - border-bottom: 1px solid #ccc; +/* border-bottom: 1px solid #ccc;*/ padding: 1rem; } diff --git a/style/js/views.js b/style/js/views.js index 5d990f8..8266641 100644 --- a/style/js/views.js +++ b/style/js/views.js @@ -1,3 +1,5 @@ fetch('/assets/views/footer.html') .then(response => response.text()) .then( resultText => document.getElementById('footer').innerHTML = resultText ); + +getNowPlaying();