Skip to content

Commit

Permalink
fix: update ribbon and remove twitter share
Browse files Browse the repository at this point in the history
  • Loading branch information
@bryanbraun
bryanbraun committed Jan 22, 2024
1 parent 66e185d commit dd93fed
Showing 1 changed file with 97 additions and 10 deletions.
107 changes: 97 additions & 10 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,12 @@
color: black;
}

.ribbon {
position: fixed;
right: 0;
top: 0;
}

.content {
position: relative;
z-index: 2;
Expand Down Expand Up @@ -241,10 +247,97 @@
</head>

<body>
<a href="https://github.com/bryanbraun/after-dark-css"><img style="position: absolute; top: 0; right: 0; border: 0;"
src="https://github-camo.global.ssl.fastly.net/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67"
alt="Fork me on GitHub"
data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"></a>
<a href="https://github.com/bryanbraun/after-dark-css" alt="Fork me on GitHub" class="ribbon">
<svg version="1.1" id="Layer_1" xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" width="147" height="147"
viewBox="28.386 1.317 147 147" overflow="visible" enable-background="new 28.386 1.317 147 147" xml:space="preserve" style="-webkit-filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7)); filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .7));">
<linearGradient id="balk_5_" gradientUnits="userSpaceOnUse" x1="125.5657" y1="662.8528" x2="105.6487" y2="682.7698" gradientTransform="matrix(1 0 0 1 0 -614.7715)">
<stop offset="0" style="stop-color:#ba0000"/>
<stop offset="1" style="stop-color:#9a0000"/>
</linearGradient>
<polygon id="balk" fill="url(#balk_5_)" points="175.622,137.972 35.676,-1.977 55.591,-21.892 195.539,118.055" />
<g id="letters">
<path fill="#FFFFFF" d="M82.988,18.34c0.518-0.516,0.858-0.888,1.026-1.115l3.66,3.66l-1.271,1.272
c-0.145-0.19-0.414-0.482-0.811-0.879l-1.38-1.38l-1.779,1.778l1.152,1.152c0.35,0.349,0.619,0.597,0.809,0.741l-1.25,1.25
c-0.129-0.176-0.342-0.41-0.638-0.706l-1.255-1.256l-2.388,2.388c-0.448,0.448-0.772,0.803-0.973,1.061l-1.479-1.48
c0.25-0.19,0.623-0.532,1.116-1.026L82.988,18.34z"/>
<path fill="#FFFFFF" d="M82.625,31.194c-0.73-0.729-1.024-1.531-0.88-2.406c0.137-0.76,0.588-1.522,1.354-2.29
c1.716-1.716,3.278-1.871,4.687-0.463c1.392,1.392,1.229,2.944-0.487,4.661c-0.759,0.76-1.52,1.207-2.278,1.345
C84.145,32.198,83.347,31.915,82.625,31.194z M86.657,27.138c-0.351-0.349-0.747-0.413-1.195-0.19
c-0.258,0.121-0.611,0.405-1.06,0.854c-0.447,0.448-0.732,0.801-0.854,1.061c-0.22,0.447-0.157,0.847,0.192,1.193
c0.349,0.349,0.741,0.416,1.183,0.204c0.258-0.122,0.615-0.411,1.071-0.866c0.446-0.447,0.731-0.801,0.854-1.06
C87.069,27.884,87.006,27.488,86.657,27.138z"/>
<path fill="#FFFFFF" d="M85.557,33.971c0.174-0.13,0.444-0.376,0.811-0.741l3.544-3.544c0.355-0.355,0.593-0.613,0.708-0.772
l1.248,1.249l-0.346,0.341c0.492-0.038,0.898,0.102,1.217,0.42c0.137,0.136,0.254,0.313,0.354,0.531l-1.29,1.29
c-0.059-0.335-0.167-0.583-0.327-0.741c-0.212-0.212-0.553-0.333-1.021-0.362l-2.771,2.771c-0.388,0.388-0.658,0.68-0.811,0.876
L85.557,33.971z"/>
<path fill="#FFFFFF" d="M88.84,37.253c0.174-0.13,0.444-0.376,0.809-0.741l6.086-6.086c0.357-0.356,0.595-0.615,0.708-0.773
l1.293,1.293c-0.167,0.122-0.417,0.351-0.752,0.685l-3.201,3.202l1.801-0.249c0.258-0.03,0.475-0.08,0.647-0.148l1.474,1.472
l-3.488,0.432l-1.469,4.822l-1.334-1.334c0.083-0.146,0.188-0.427,0.317-0.846l0.957-3.055l-1.744,1.744
c-0.388,0.388-0.656,0.68-0.81,0.876L88.84,37.253z"/>
<path fill="#FFFFFF" d="M103.463,42.625c0.691,0.068,1.301,0.365,1.825,0.89c0.594,0.595,0.775,1.311,0.549,2.146
c-0.196,0.684-0.637,1.367-1.32,2.052l-1.562,1.561c-0.519,0.519-0.854,0.882-1.004,1.094l-1.359-1.359
c0.28-0.207,0.656-0.545,1.128-1.017l1.54-1.54c0.836-0.836,1.027-1.482,0.573-1.938c-0.312-0.31-0.603-0.479-0.874-0.51
c-0.252,0.388-0.575,0.78-0.971,1.175l-1.563,1.563c-0.518,0.517-0.853,0.881-1.005,1.093l-1.37-1.37
c0.28-0.207,0.656-0.545,1.127-1.017l1.551-1.529c0.479-0.479,0.766-0.852,0.856-1.117c0.092-0.266,0.021-0.516-0.214-0.75
c-0.229-0.227-0.55-0.343-0.967-0.35l-2.841,2.84c-0.129,0.129-0.271,0.281-0.423,0.456c-0.15,0.174-0.24,0.271-0.263,0.296
l-1.326-1.326c0.152-0.105,0.402-0.335,0.752-0.684l3.555-3.558c0.411-0.409,0.666-0.687,0.767-0.831l1.249,1.271l-0.371,0.356
c0.6,0.069,1.048,0.253,1.344,0.55C103.295,41.522,103.501,42.04,103.463,42.625z"/>
<path fill="#FFFFFF" d="M108.686,52.813l-2.528-2.528c-0.669,0.79-0.674,1.516-0.013,2.177c0.435,0.433,0.923,0.702,1.473,0.808
l-1.221,1.219c-0.631-0.281-1.125-0.602-1.48-0.957c-0.753-0.754-1.081-1.592-0.982-2.511c0.083-0.874,0.526-1.713,1.332-2.518
c0.685-0.684,1.424-1.096,2.221-1.24c0.884-0.15,1.643,0.092,2.279,0.731c0.624,0.624,0.893,1.313,0.8,2.074
c-0.091,0.715-0.471,1.404-1.139,2.072C109.168,52.398,108.921,52.623,108.686,52.813z M108.753,49.079
c-0.441-0.441-0.964-0.392-1.569,0.154l1.403,1.402C109.146,50.047,109.201,49.529,108.753,49.079z"/>
<path fill="#FFFFFF" d="M111.427,59.995c-0.729-0.73-1.022-1.532-0.88-2.407c0.137-0.759,0.588-1.522,1.354-2.29
c1.719-1.716,3.278-1.871,4.688-0.463c1.392,1.392,1.229,2.946-0.486,4.662c-0.76,0.759-1.52,1.207-2.277,1.344
C112.948,61,112.149,60.718,111.427,59.995z M115.459,55.941c-0.351-0.35-0.746-0.412-1.194-0.191
c-0.259,0.122-0.61,0.407-1.06,0.854c-0.449,0.448-0.733,0.803-0.854,1.061c-0.221,0.447-0.157,0.846,0.191,1.194
c0.35,0.35,0.743,0.415,1.184,0.203c0.259-0.122,0.615-0.41,1.07-0.866c0.448-0.447,0.732-0.802,0.854-1.06
C115.871,56.686,115.808,56.289,115.459,55.941z"/>
<path fill="#FFFFFF" d="M121.826,60.032c0.624,0.606,0.833,1.349,0.628,2.222c-0.176,0.737-0.602,1.443-1.275,2.12l-1.562,1.562
c-0.518,0.518-0.853,0.881-1.005,1.093l-1.369-1.369c0.195-0.152,0.567-0.495,1.114-1.028l1.553-1.527
c0.865-0.852,1.021-1.555,0.471-2.105c-0.25-0.25-0.633-0.382-1.149-0.396l-2.805,2.807c-0.13,0.13-0.271,0.279-0.423,0.457
c-0.152,0.174-0.24,0.271-0.263,0.295l-1.326-1.325c0.149-0.107,0.399-0.335,0.751-0.687l3.499-3.5
c0.438-0.438,0.711-0.731,0.811-0.876l1.261,1.262l-0.411,0.408C120.968,59.476,121.47,59.674,121.826,60.032z"/>
<path fill="#FFFFFF" d="M126.559,73.696c-0.28,0.082-0.627,0.062-1.037-0.063c-0.501-0.152-0.965-0.44-1.39-0.866
c-1.886-1.886-1.509-4.146,1.13-6.783c1.254-1.255,2.479-1.945,3.671-2.074c1.194-0.129,2.31,0.321,3.343,1.356
c0.595,0.594,0.916,1.296,0.971,2.109l-1.301,1.299c-0.064-0.908-0.366-1.632-0.906-2.172c-1.119-1.119-2.565-0.791-4.34,0.983
c-1.8,1.798-2.244,3.147-1.341,4.055c0.737,0.736,1.563,0.649,2.476-0.263c0.099-0.084,0.388-0.389,0.867-0.91l1.393,1.392
c-0.354,0.298-0.732,0.645-1.127,1.039l-1.322,1.321c-0.212,0.213-0.4,0.416-0.567,0.613c-0.168,0.196-0.286,0.329-0.354,0.397
c-0.066-0.038-0.146-0.118-0.239-0.239L126.559,73.696z"/>
<path fill="#FFFFFF" d="M127.679,76.093c0.167-0.138,0.434-0.388,0.797-0.753l3.545-3.545c0.357-0.356,0.599-0.611,0.721-0.763
l1.279,1.28c-0.157,0.13-0.403,0.361-0.738,0.695l-3.498,3.499c-0.39,0.388-0.661,0.677-0.821,0.865L127.679,76.093z
M134.274,70.801c-0.219-0.22-0.32-0.49-0.312-0.813c0.013-0.321,0.133-0.599,0.361-0.825c0.234-0.236,0.516-0.359,0.838-0.373
c0.322-0.013,0.595,0.092,0.813,0.313c0.212,0.211,0.313,0.479,0.301,0.805c-0.014,0.32-0.137,0.602-0.372,0.838
c-0.229,0.229-0.505,0.348-0.825,0.359C134.754,71.113,134.488,71.012,134.274,70.801z"/>
<path fill="#FFFFFF" d="M136.453,74.746l0.981,0.982l-1.104,1.104c-0.037-0.037-0.104-0.111-0.198-0.222
c-0.094-0.109-0.187-0.209-0.276-0.301l-0.484-0.483l-2.12,2.12c-0.509,0.51-0.598,0.931-0.265,1.265
c0.235,0.235,0.514,0.382,0.834,0.44l-1.141,1.141c-0.434-0.13-0.848-0.394-1.243-0.788c-0.557-0.556-0.742-1.138-0.562-1.746
c0.137-0.455,0.522-1.003,1.162-1.641l2.039-2.039l0.011,0.011l0.022-0.021l-0.161-0.184c-0.102-0.1-0.241-0.219-0.427-0.356
l1.105-1.104l0.563,0.563l0.446-0.445c0.214-0.214,0.374-0.396,0.482-0.549l1.326,1.326c-0.169,0.122-0.345,0.273-0.526,0.458
L136.453,74.746z"/>
<path fill="#FFFFFF" d="M142.807,81.917l0.376,0.377l-1.248,1.248l-0.377-0.376l-2.604,2.604
c-0.357,0.356-0.608,0.639-0.753,0.843l-1.491-1.492c0.226-0.168,0.529-0.441,0.909-0.82l2.538-2.538l-2.077-2.077l-2.527,2.526
c-0.409,0.41-0.688,0.717-0.832,0.921l-1.479-1.479c0.212-0.152,0.49-0.403,0.842-0.754l6.006-6.007
c0.35-0.35,0.601-0.631,0.754-0.842l1.48,1.48c-0.222,0.159-0.5,0.411-0.844,0.753l-2.15,2.151l2.077,2.076l1.991-1.993
c0.463-0.463,0.769-0.797,0.912-1.001l1.492,1.492c-0.197,0.139-0.443,0.354-0.739,0.65L142.807,81.917z"/>
<path fill="#FFFFFF" d="M141.046,89.549c-0.6-0.599-0.775-1.309-0.532-2.128c0.206-0.66,0.658-1.34,1.356-2.039l1.562-1.562
c0.519-0.518,0.854-0.881,1.004-1.094l1.37,1.37c-0.188,0.146-0.562,0.488-1.116,1.027l-1.551,1.528
c-0.434,0.435-0.696,0.795-0.788,1.082c-0.123,0.35-0.033,0.675,0.27,0.976c0.212,0.212,0.572,0.323,1.089,0.336l2.805-2.806
c0.13-0.13,0.271-0.285,0.423-0.468c0.153-0.183,0.236-0.279,0.252-0.297l1.326,1.326c-0.144,0.114-0.391,0.348-0.74,0.696
l-3.485,3.486c-0.449,0.447-0.728,0.739-0.833,0.877l-1.249-1.249l0.412-0.407C141.964,90.163,141.44,89.943,141.046,89.549z"/>
<path fill="#FFFFFF" d="M146.694,95.174c-0.41-0.411-0.605-0.902-0.586-1.472l-0.408,0.409l-1.204-1.203
c0.149-0.107,0.399-0.336,0.751-0.688l6.027-6.027c0.447-0.447,0.724-0.743,0.821-0.889l1.293,1.293
c-0.152,0.121-0.444,0.399-0.877,0.832l-1.976,1.99c0.567,0.131,1.021,0.363,1.354,0.697c0.604,0.602,0.81,1.339,0.618,2.213
c-0.175,0.752-0.592,1.46-1.253,2.12c-0.676,0.676-1.417,1.11-2.223,1.309C148.084,95.979,147.304,95.784,146.694,95.174z
M150.455,91.069c-0.252-0.252-0.643-0.391-1.167-0.412l-1.979,1.976c0.01,0.479,0.131,0.839,0.367,1.075
c0.299,0.299,0.688,0.357,1.167,0.185c0.381-0.136,0.75-0.384,1.108-0.741C150.814,92.288,150.981,91.595,150.455,91.069z"/>
</g>
<g opacity="0.5">
<line fill="none" stroke="#FFFFFF" stroke-dasharray="3 1.5" x1="30.705" y1="-9.861" x2="185.08" y2="144.514"/>
<line fill="none" stroke="#FFFFFF" stroke-dasharray="3 1.5" x1="46.58" y1="-27.986" x2="200.955" y2="126.389"/>
</g>
</svg>
</a>
<div id="content" class="content">
<div class="closebox"><a class="closebox-innr" id="x" href="#">Close</a></div>
<div class="maxbox">
Expand All @@ -268,12 +361,6 @@ <h1 class="title">After Dark in CSS</h1>
<li><a id="randomizer" href="#" target="_blank">Randomizer</a></li>
</ul>
</div>
<footer class="footer">
<a href="https://twitter.com/share" class="twitter-share-button"
data-text="Classic &quot;After Dark&quot; screensavers, rebuilt using CSS animations:"
data-related="bryanebraun" target="_blank">Tweet</a>
<script>!function (d, s, id) {var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) {js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs);} }(document, 'script', 'twitter-wjs');</script>
</footer>
<div class="behind">
<a href="http://codepen.io/bryanbraun/pen/bojpu" class="clearfix">
<div class="toaster"></div>
Expand Down

0 comments on commit dd93fed

Please sign in to comment.