Hi There! My name is Alexia.
-she/they • 18 • transfem :P
+she/they • 18 • transfem ✨
I'm interested in all things tech, privacy, and our feline overlords
@@ -38,7 +42,8 @@
it would mean a lot if you donated.
- any donations or commissions to/from me will go to Tillian, instead. At least as much as I can afford. + any donations or commissions to/from me will go to Tillian, instead. At + least as much as I can afford.
Donate on diff --git a/preview.html b/preview.html new file mode 100644 index 0000000..0558ca5 --- /dev/null +++ b/preview.html @@ -0,0 +1,62 @@ + + +
+ + + +
+
+
+
diff --git a/styles/styles.css b/styles/styles.css
index 339577b..897da07 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -97,15 +97,97 @@ strong {
width: 100%;
}
+hr.invisible {
+ border-color: transparent !important;
+}
+
.content {
max-width: 800px;
background-color: var(--background);
padding: 20px;
box-shadow: 0px 0px 32px 12px rgba(0, 0, 0, 0.55);
border-radius: var(--radius);
- border: 2px solid var(--border)
+ border: 2px solid var(--border);
}
+.content.previewcard {
+ border: none;
+ border-radius: 0px;
+ padding: 32px;
+ width: 450px;
+ height: 140px;
+ background-color: var(--background-transparent);
+ backdrop-filter: brightness(35%) blur(16px);
+ box-shadow: none;
+
+ /* GRID START */
+
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ /* grid-template-rows: 1fr 1fr; */
+ grid-template-rows: 1fr;
+ gap: 0px 0px;
+ grid-auto-flow: row;
+ grid-template-areas:
+ /* "top top" */ "top-1 top-2";
+ /* "bottom-1 bottom-2"; */
+}
+
+.top {
+ grid-area: top;
+ /* border-bottom: 2px solid var(--surface-0); */
+}
+.top-1 {
+ grid-area: top-1;
+}
+.top-2 {
+ grid-area: top-2;
+ justify-content: center;
+ align-items: center;
+ /* padding: 32px; */
+}
+.bottom-1 {
+ grid-area: bottom-1;
+}
+.bottom-2 {
+ grid-area: bottom-2;
+}
+
+/* ANOTHER GRID */
+
+.grid-contacts {
+ width: fit-content;
+ height: fit-content;
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: 1fr 1fr;
+ gap: 8px 16px;
+ grid-auto-flow: row;
+ grid-template-areas:
+ ". ."
+ ". .";
+ justify-content: center;
+ align-items: center;
+}
+
+.grid-contacts > div > a > img {
+ width: 50px;
+ opacity: 0.6;
+}
+
+.wrapper-123:has(.grid-contacts) {
+ height: 100%;
+ display: flex;
+ justify-content: right;
+ align-items: center;
+}
+
+.grid-contacts > div {
+ width: fit-content;
+}
+
+/* GRID END*/
+
.content.landing {
width: 335px;
}
@@ -176,7 +258,14 @@ hr {
}
.trans {
- background-image: linear-gradient(to right, rgb(85, 205, 252), rgb(179, 157, 233), rgb(247, 168, 184), rgb(246, 216, 221), rgb(255, 255, 255));
+ background-image: linear-gradient(
+ to right,
+ rgb(85, 205, 252),
+ rgb(179, 157, 233),
+ rgb(247, 168, 184),
+ rgb(246, 216, 221),
+ rgb(255, 255, 255)
+ );
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
+
+
+
+
+ Alexia
+she/they • transfem ✨
++
I love tech and cats!
+say hi :3
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+