Skip to content

Commit e64d582

Browse files
ButterscotchVButterscotchV
committed
Use cards for REXX
1 parent 1e28091 commit e64d582

2 files changed

Lines changed: 73 additions & 17 deletions

File tree

‎src/page.scss‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,11 @@ $beige-lighter: #eff0eb;
3030
@forward "bulma/sass/elements/content";
3131

3232
$mid-padding: map.get(spacing.$spacing-values, "4");
33+
34+
.profile-card {
35+
max-width: 400px;
36+
}
37+
3338
@include mixins.until-fullhd {
3439
.section.p-4-mid {
3540
padding: $mid-padding;
@@ -38,10 +43,6 @@ $mid-padding: map.get(spacing.$spacing-values, "4");
3843
.container.is-fluid.p-4-mid {
3944
padding: $mid-padding;
4045
}
41-
42-
.profile-card {
43-
max-width: 400px;
44-
}
4546
}
4647

4748
@include mixins.touch {

‎src/suits/rexx.md‎

Lines changed: 68 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,78 @@ description: "REXX fursuit info."
1515

1616
# {{ title }}
1717

18-
<div class="pswp-gallery">
19-
{{ ps.image(url='/img/suits/rexx.jpg', width='638', height='638', thumb_width='400', alt='A photo of my fursuit of the character REXX.') }}
18+
<div class="columns">
19+
<div class="column is-narrow">
20+
<div class="card profile-card">
21+
<div class="card-image">
22+
<div class="pswp-gallery">
23+
{{ ps.image(url='/img/suits/rexx.jpg', width='638', height='638', thumb_width='400', alt='A photo of my fursuit of the character REXX.') }}
24+
</div>
25+
</div>
26+
<div class="card-content">
27+
<div class="content">
28+
Hello, I'm REXX, a protogen research unit associated with Butterscotch!
29+
</div>
30+
</div>
2031
</div>
2132

22-
Hello, I'm REXX, a protogen research unit associated with Butterscotch!
23-
24-
This REXX unit is equipment owned and operated by REXX Research. Vocal capabilities of this unit are extremely limited; communication by hand gestures and/or text is advised. Visual capabilities of this unit are restricted, remain directly in front of the unit to establish visual contact.
33+
<div class="card profile-card">
34+
<header class="card-header">
35+
<p class="card-header-title is-justify-content-center">
36+
Unit Information
37+
</p>
38+
</header>
39+
<div class="card-content">
40+
<div class="content">
41+
This REXX unit is equipment owned and operated by REXX Research. Vocal capabilities of this unit are extremely limited; communication by hand gestures and/or text is advised. Visual capabilities of this unit are restricted, remain directly in front of the unit to establish visual contact.
42+
</div>
43+
</div>
44+
</div>
2545

26-
REXX Research is working for you; the future of earth is a **Reactive Earth**! Our innovative REXX scientific programming language enables reliable research in unreliable environments, providing unprecedented access to space and beyond!
46+
</div>
47+
<div class="column">
2748

28-
## Operating Policy
49+
<div class="card">
50+
<header class="card-header">
51+
<p class="card-header-title is-justify-content-center">
52+
Operating Policy
53+
</p>
54+
</header>
55+
<div class="card-content">
56+
<div class="content">
57+
<ul>
58+
<li>Please be gentle with our research equipment, some parts may be fragile. Always remember to ask before initiating physical contact to ensure mutual safety and comfort.</li>
59+
<li>You may request physical contact or photography of our equipment, we love enthusiasm towards our field! Keep in mind that our equipment has limited communicative capabilities, so please be patient.</li>
60+
<li>For best results with communication, try to ask questions that may be answered with hands gesture rather than through text or speech; questions that may be answered with "yes" or "no" yield the best results.</li>
61+
</ul>
62+
</div>
63+
</div>
64+
</div>
2965

30-
- Please be gentle with our research equipment, some parts may be fragile. Always remember to ask before initiating physical contact to ensure mutual safety and comfort.
31-
- You may request physical contact or photography of our equipment, we love enthusiasm towards our field! Keep in mind that our equipment has limited communicative capabilities, so please be patient.
32-
- For best results with communication, try to ask questions that may be answered with hands gesture rather than through text or speech; questions that may be answered with "yes" or "no" yield the best results.
66+
<div class="card">
67+
<header class="card-header">
68+
<p class="card-header-title is-justify-content-center">
69+
Components
70+
</p>
71+
</header>
72+
<footer class="card-footer is-nowrap is-flex-wrap-wrap">
73+
<a class="card-footer-item" href="https://t.me/Azulisplash/" target="_blank" rel="noopener">Head (@Azulisplash on Telegram)</a>
74+
<a class="card-footer-item" href="https://howlmetalhorrors.com/" target="_blank" rel="noopener">Tail (Howlmetal Horrors)</a>
75+
</footer>
76+
</div>
3377

34-
## Components
78+
<div class="card">
79+
<header class="card-header">
80+
<p class="card-header-title is-justify-content-center">
81+
Company Information
82+
</p>
83+
</header>
84+
<div class="card-content">
85+
<div class="content">
86+
REXX Research is working for you; the future of earth is a <b>Reactive Earth</b>! Our innovative REXX scientific programming language enables reliable research in unreliable environments, providing unprecedented access to space and beyond!
87+
</div>
88+
</div>
89+
</div>
3590

36-
- Head by [@Azulisplash on Telegram](https://t.me/Azulisplash/)
37-
- Tail by [Howlmetal Horrors](https://howlmetalhorrors.com/)
91+
</div>
92+
</div>

0 commit comments

Comments
 (0)