beastsaber / bsaber

https://bsaber.com
9 stars 9 forks source link

Minor modification to PostPage.svelte #176

Closed TheCzar1994 closed 2 months ago

TheCzar1994 commented 2 months ago

CSS might be over-engineered (my specialty...), but this would remove the Published date on post pages if the page has been updated and would then only display the "Updated on" date. It also justifies the content to space between; or centered on smaller screens; or a right aligned date only when there is no author listed.

Also removed lines 243-250 since I couldn't figure out what that was doing there considering that element was first introduced on line 222 (now 231) and the unused .credit-line element.

Lines 264, 268, & 273 aren't necessary, but I thought it looked better 🤷‍♂️

netlify[bot] commented 2 months ago

Deploy Preview for bsaber ready!

Built without sensitive environment variables

Name Link
Latest commit 983d6ccac50cec7dac35e361ec9e74c74877e60d
Latest deploy log https://app.netlify.com/sites/bsaber/deploys/66e6ea04f53e8700086bf663
Deploy Preview https://deploy-preview-176--bsaber.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

TimothyGillespie commented 2 months ago

Here is a complete example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  .container {
    display: grid;
    grid-template-columns: 1fr 2rem 1fr;
    align-items: center;
    justify-items: center;
    text-align: center;

  }
  .left {
    text-align: right;
  }

  .left, .right {
    width: 100%;
  }

  .right {
    text-align: left;
  } 
</style>
</head>
<body>

<div class="container">
  <div class="left">Written by TheCzar1994</div>
  <div>|</div>
  <div class="right">Published on June 15, 2024</div>
</div>

</body>
</html>

I have tried to apply to the site, but the CSS seems very busy and something is apparently interfering when trying to do this. So I'd say you can safely pass on that in the current state.