filled out significant content- css needs major clean
This commit is contained in:
Penelope Gwen
parent
49f97e3b32
commit
d64f5654c5
5 changed files with 55 additions and 35 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
node_modules
|
||||
package-lock.json
|
||||
51
index.html
51
index.html
|
|
@ -6,6 +6,8 @@
|
|||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<link rel="stylesheet" href="/style/css/style-large.css">
|
||||
<link rel="stylesheet" type="text/css" href="/style/css/toots.css">
|
||||
<link rel="stylesheet" type="text/css" href="/style/css/lastfm-nowplaying.css">
|
||||
<script src="/style/js/lastfm-nowplaying.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1 class="title">Penelope Gwen</h1>
|
||||
|
|
@ -13,52 +15,45 @@
|
|||
<hr>
|
||||
<div class="pagelayout">
|
||||
<div class="pinkborder sidebar">
|
||||
<a class="mastodon-feed" href="https://masto.pogmom.me/@pogmommy" data-toot-limit="4"></a>
|
||||
<div>
|
||||
<p>test</p>
|
||||
<img class="sidebar-image" src="/assets/img/rattos/test.webp"></img>
|
||||
<p class="sidebar-caption">Please enjoy a picture of my sons :)</p>
|
||||
</div>
|
||||
<div id="nowplaying-placeholder"></div>
|
||||
<hr>
|
||||
<a class="mastodon-feed" href="https://masto.pogmom.me/@pogmommy" data-toot-limit="3" data-exclude-reblogs="true"><p class="sidebar-caption">Enable javascript to load mastodon posts</p></a>
|
||||
</div>
|
||||
<script type="module" src="https://esm.sh/emfed@1"></script>
|
||||
<div class="pagecontent">
|
||||
<h2>About</h2>
|
||||
<div class="bubble">
|
||||
<p>I'm Penelope (it/its/she/her), a queer sociologist, sysadmin, archivist, and rat mom.</p>
|
||||
<p>I'm Penelope/pogmommy (it/its/she/her), a queer rat mom with a background in sociology, software development, and archivism.</p>
|
||||
<p></p>
|
||||
</div>
|
||||
<h2>Projects</h2>
|
||||
<div class="bubble">
|
||||
<h2>Pogmom Suite</h2>
|
||||
<p>A collection of multimedia content delivery and productivity software which serves as an ongoing archivism and decentralization project.</p>
|
||||
<p>In an effort to combat the predatory data collection, hostile platform siezure, and <a href="https://media.defcon.org/DEF%20CON%2031/DEF%20CON%2031%20video%20and%20slides/An%20Audacious%20Plan%20to%20Halt%20the%20Internet%27s%20Enshittification%20-%20Cory%20Doctorow.mp4">enshittification</a> of the centralized internet experienced by myself and those close to me, I host a collection of online services dubbed the 'Pogmom Suite'.</p>
|
||||
<p>These services utilize federated social networking standards and rely on free and open source software as exclusively as possible.</p>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="bubble">
|
||||
<h2>MusicBrainz Artist Monitoring</h2>
|
||||
<p>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.</p>
|
||||
<p>To see the statuses of my actively-monitored artists, please see the public spreadsheet <a href="https://cloud.pogmom.me/s/b8CSpAPNs8GwtWn">here</a>.</p>
|
||||
<p>If you would like me to consider taking on an artist to maintain on MusicBrainz, please fill out the form <a href="#">here</a>.</p>
|
||||
</div>
|
||||
<div class="bubble">
|
||||
<h2>Software</h2>
|
||||
<p>Most of my software can be found at my Gitea, or at its mirror on my Github.</p>
|
||||
<p></p>
|
||||
<p>Most of my software can be found at my <a href="https://git.pogmom.me/pogmommy/">Gitea</a>, or at its mirror on my <a href="https://github.com/pogmommy/">Github</a>.</p>
|
||||
<p>I also package software for the Debian operating system, which I host on my <a href="https://apt.pogmom.me">apt repository</a>.</p>
|
||||
</div>
|
||||
<div class="bubble">
|
||||
<h2>Spreadsheets</h2>
|
||||
<p>Financial Tracker</p>
|
||||
<p>Cookie Recipe</p>
|
||||
<p>Truth Table</p>
|
||||
<p>Financial Splitter</p>
|
||||
</div>
|
||||
<h2>Essays</h2>
|
||||
<div class="bubble">
|
||||
<h2>Archives, Feudalism, and Digital Literacy</h2>
|
||||
<p>My undergraduate thesis, informed by my Sociological and Information Technologies backgrounds</p>
|
||||
<p>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.</p>
|
||||
<p>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.</p>
|
||||
</div>
|
||||
<div class="bubble">
|
||||
<h2>Simmel's Conflict and Liberation</h2>
|
||||
<p>Written for a university sociological theory class. Explores liberatory and assimilationist politics through the lens of Georg Simmel's concept of conflict</p>
|
||||
</div>
|
||||
<div class="bubble">
|
||||
<h2>Weber: Beauracracy and Capital</h2>
|
||||
<p>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</p>
|
||||
</div>
|
||||
<div class="bubble">
|
||||
<h2>Durkheim and Gender Minorities</h2>
|
||||
<p>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</p>
|
||||
</div>
|
||||
<h3></h3>
|
||||
<p></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
fetch('/assets/views/footer.html')
|
||||
.then(response => response.text())
|
||||
.then( resultText => document.getElementById('footer').innerHTML = resultText );
|
||||
|
||||
getNowPlaying();
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue