Skip to content

Commit

Permalink
Disable EDR effect as Apple broke it recently.
Browse files Browse the repository at this point in the history
  • Loading branch information
ThatStella7922 committed Jun 16, 2024
1 parent a5ce180 commit 4035f6a
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 31 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# [Stella's Landing Site](https://thatstel.la)
- Index HTML v2024.0217.0
- Index HTML v2024.0616.0
- Main page structure
- Stylesheet v2024.0217.1
- Styling, blurs, layout
Expand Down
39 changes: 9 additions & 30 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<!DOCTYPE html>
<!-- Stella's Landing Site
v2024.0217.0
v2024.0616.0
https://github.com/ThatStella7922/landing
Expand All @@ -11,7 +11,7 @@
<head>
<meta charset="utf-8">
<title>Stella's Landing Site</title>
<link rel="stylesheet" href="//files.thatstel.la/hidden/css/landing-styleshit.css?version=202402170" />
<link rel="stylesheet" href="//files.thatstel.la/hidden/css/landing-styleshit.css?version=202406160" />
<!--<link rel="stylesheet" href="landing-styleshit.css">-->
<link rel="shortcut icon" href="landing-assets/favicon.ico" type="image/x-icon" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi, viewport-fit=cover"/>
Expand All @@ -31,8 +31,7 @@
<script src="https://cdn.jsdelivr.net/npm/@twemoji/api@latest/dist/twemoji.min.js" crossorigin="anonymous"></script>

<!-- Quotes JavaScript -->
<script src="landing-assets/quotes.js?version=202312280"></script>
<script src="landing-assets/edr.js?version=202312280"></script>
<script src="landing-assets/quotes.js?version=202406160"></script>
<script src="landing-assets/cat.js?version=202312280"></script>
<script src="landing-assets/contentview.js?version=202312280"></script>

Expand All @@ -42,25 +41,6 @@
<link href="//fonts.googleapis.com/css2?family=Hind:wght@300;400;500&display=swap" rel="stylesheet">
</head>
<body>

<!-- For triggering EDR brightess.
Abusing HDR brightness on Safari is possible if you use the -webkit-backdrop-filter: brightness and filter:brightness properties,
BUT they only trigger the effect if you have a 1x1 transparent HDR video playing in each corner of the viewport
See landing-styleshit.css for more details -->
<video autoplay loop muted id="edr-video">
<source src="landing-assets/white1.mp4" type="video/mp4"/>
</video>
<video autoplay loop muted id="edr-video">
<source src="landing-assets/white1.webm"/>
</video>
<video autoplay loop muted id="edr-video">
<source src="landing-assets/white1.mp4" type="video/mp4"/>
</video>
<video autoplay loop muted id="edr-video">
<source src="landing-assets/white1.webm"/>
</video>

<div id="master">
<div id="verticalcontainer">
Expand All @@ -79,7 +59,7 @@
<div id="horizontalcontainer">

<div id="navigation">
<div id="navigation-buttons" class="links edr-low">
<div id="navigation-buttons" class="links">
<a class="button" href="//blog.thatstel.la">Blog</a>
<a class="button" href="//files.thatstel.la">Files</a>
<a class="button" href="https://software.thatstel.la">Software</a>
Expand All @@ -88,7 +68,7 @@
<div class="social-links">
<p id="quotep"></p>
<p class="social-links-label">More:</p>
<div id="social-link-buttons-id" class="social-link-buttons edr-low">
<div id="social-link-buttons-id" class="social-link-buttons">
<p><i class="fa-solid fa-envelope"></i><br><a href="mailto:[email protected]">Email</a></p>
<p><i class="fa-brands fa-github"></i><br><a href="https://github.com/ThatStella7922">GitHub</a></p>
<p><i class="fa-brands fa-discord"></i><br><a href="https://discord.thatstel.la">Fruitycord</a></p>
Expand All @@ -104,8 +84,8 @@

<div id="contentview-container">
<div id="contentview-headings">
<p id="contentview-about-heading" class="edr-low contentview-selected" onclick="selectItem('contentview-about')">About</p>
<p id="contentview-projects-heading" class="edr-low contentview-selected" onclick="selectItem('contentview-projects')">Projects</p>
<p id="contentview-about-heading" class="contentview-selected" onclick="selectItem('contentview-about')">About</p>
<p id="contentview-projects-heading" class="contentview-selected" onclick="selectItem('contentview-projects')">Projects</p>
</div>

<div id="contentview-items">
Expand All @@ -129,7 +109,7 @@
Your browser does not support the cat video present here.
</video>
</div>
<div id="catbuttons-container" class="edr-low">
<div id="catbuttons-container" class="">
<button id="catbutton-playpause" onclick="playPauseCat()"></button>
</div>
</div>
Expand All @@ -142,8 +122,7 @@

<footer>
<div id="footer-sidebyside">
<p onclick="manualSetQuotesText()">ThatStella7922 - v2024.0217.0</p>
<p class="edr-max" id="edr-enable" onclick="promptSetMaxEDRBrightness()"><strong>EDR Supported</strong></sub></p> <!-- only visible on EDR displays in WebKit -->
<p onclick="manualSetQuotesText()">ThatStella7922 - v2024.0616.0</p>
</div>
</footer>

Expand Down

0 comments on commit 4035f6a

Please sign in to comment.