ahoylemon / xyz

A Site Lemon Built To Show Sites Lemon Built

(A Site Lemon Built To Show Sites Lemon Built)

What is this?

A simple site that showcases other sites I made.

That's all?

Yeah.

What's this written in?

• Pug
• Sass

xyz's Issues

Previous Talks structure

Not entirely sure how this should look, but there needs to be somewhere on the site that houses all previous speaking engagments. Maybe(?) fold in the previous decks as it would possibly make those redundant.

figure & figcaption

I'm surprised #30 didn't catch this....

The website cards look like this....

          <div class="project" repo="AhoyLemon/SANE">
            <figure style="background-image:url(img/plasma.jpg); ">
                <a class="absolute-link" href="https://sane.science" style="background-image:url(img/plasma.jpg); "></a>
            </figure>
            <figcaption>
              <div class="title"><a href="https://sane.science">SANE SCIENCE</a></div>
              <div class="subhead">An Online Gaslighting Simulator</div>
              <div class="description"><p>Are you in need of documentation of your own sanity? Yes, of course you are. Well, this online exam is meant to provide just that: Answer our questions and you'll get a diagnosis on the other end.</p><p>Only one caveat: The exam is gaslighting you.</p></div>
            </figcaption>
            <div class="detail-row">
              <div class="detail launched">
                <div class="label">LAUNCHED</div>
                <div class="value">
                      <time>Dec 13, 2022
                      </time>
                </div>
              </div>
              <div class="detail last-updated invisible">
                <div class="label">LAST UPDATED</div>
                <div class="value"></div>
              </div>
              <div class="detail repository">
                <div class="label">REPOSITORY</div>
                <div class="value"><a href="https://github.com/AhoyLemon/SANE" target="_blank"><span>SANE</span></a></div>
              </div>
            </div>
          </div>

figcaption should be a child of figure

Create an RSS Feed

Similar to Jamie Tanna or Straun Fraser, make an XML file that shows all sites, listed by date launched. Maybe it shows conferences in there somehow?

Futile fun 404

Wrong URL, buddy

Redesign site

For no fucking reason.

Explicit image Height & Width

/uses page.

Inspired by this.

https://github.com/wesbos/awesome-uses

Mobile header too tall

Too much!

Backface visible on overflow

Just noticed this on the bus:

If the text is too tall to fit inside the backface, it will be visible when it shouldn't be. Example: pl_swiftwater on a phone.

Can probably address this by just adding another div

Cache Policy

Lighthouse Issues

• #25
• #26
• #27
• #28
• #29

xyz-lighthouse.pdf

Preconnect to GitHub

Add to personalsit.es

https://github.com/andybelldesign/personalsit.es

Absolute Links need names

Optimize & Encode Images