Skip to content

Commit

Permalink
new social svgs
Browse files Browse the repository at this point in the history
  • Loading branch information
@DanielRedacted
DanielRedacted committed Aug 12, 2024
1 parent a89309d commit b341846
Show file tree
Hide file tree
Showing 6 changed files with 134 additions and 41 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
Binary file removed github.com.ico
View file
Binary file not shown.
175 changes: 134 additions & 41 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,15 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daniel ████</title>
<style>
* {
box-sizing: border-box;
}
html {
width: 100%;
/* background-color: rgb(30, 30, 30); */

background-image: url('monuments.jpg');
background-size: cover; /* Ensures the background image covers the entire div */
background-size:cover; /* Ensures the background image covers the entire div */
background-position:top; /* Centers the background image */
background-repeat:no-repeat;
background-attachment: fixed; /* Fixes the background image in place */
Expand All @@ -23,10 +27,11 @@
}
body {

width: 8.5in;
max-width: 100vw;
width: 100vw;
max-width: 8.5in;
padding: 0;
margin: 0 auto;
margin-top:48px;

font-family: Helvetica, Arial, sans-serif;
font-size: 12pt;
Expand Down Expand Up @@ -93,55 +98,143 @@
margin: 0;
}

.socials {
display: flex;
flex-direction: row;
height: 44px;
width: 100%;
justify-content: space-evenly;
margin: auto;
margin-bottom: 0.5in;
}
.socials > a {
display:flex;
justify-content: center;
align-content: center;
background-color: lightgray;
height: 44px;
aspect-ratio: 1/1;
border-radius: 5px;
overflow: hidden;
margin:0 5px;
padding:0;
}
.socials > a > img {
height: 100%;
aspect-ratio: 1/1;
margin:0;
}
/* .socials > a:hover > img {
height:40px;
transition: 0.1s;
} */
fieldset {
margin: 10px auto;
padding: 60px;
}
fieldset h3 {
margin: 0;
}


.redacted {
background-color:black;
color:white;
padding: 0 3pt;
font-weight: normal;
}

#header {
height: min-content;
width:100vw;
position:absolute;
top:0;
left:0;
display:flex;
flex-direction:row;
padding:16px;
background-color:white
}
#header #name {
min-width:max-content;
}
#header #name .redacted {
padding: 0 6pt;
color:transparent;
}
#header #name .redacted:hover {
color:white;
}
#header #socials {
float:right;
}
#header a {
height: 44px;
aspect-ratio: 1/1;
margin: 0 6pt;
text-decoration: none;
}
#header a svg {
height: 22px;
aspect-ratio: 1/1;
margin: 11px;
/* width: 18pt; */
}
#header a svg .shaddow {
fill: black;
}
#header a svg:hover .shaddow{
fill:inherit;
}
</style>
</head>
<body>
<div style="padding:20px; background-color: white; width: fit-content; margin: 40px auto;"><h1>Daniel <b style="background-color:black; color:white; padding: 0 10px; font-weight: normal;"> Redacted </b></h1></div>
<div id="page">
<div id="header">
<div id="name">
<p style="font-size:18pt;"><b>Daniel</b> <b class="redacted"> Redacted</b></p>
<p style="font-size:12pt;">@DanielRedacted</p>
</div>
<span style="flex:1;"></span>
<div id="socials">

<a title="X" href="https://x.com/DanielRedacted" target="_blank">
<svg id="X" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" fill="none">
<g clip-path="url(#clip0_1_2)">
<path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_1_2">
<rect width="1200" height="1227" fill="white"/>
</clipPath>
</defs>
</svg>
</a>

<div class="socials">
<a href="https://x.com/DanielRedacted" target="_blank"><img src="twitter.com.ico"/></a>
<a href="https://www.linkedin.com/in/DanielRedacted" target="_blank"><img src="www.linkedin.com.ico"/></a>
<a href="https://github.com/DanielRedacted" target="_blank"><img src="github.com.ico"/></a>
<a href="https://DanielRedacted.substack.com" target="_blank"><img src="substack.com.png"/></a>
<a title="Substack" href="https://DanielRedacted.substack.com" target="_blank">
<svg id="Substack" viewBox="0 0 48 48" fill="#ff6719" xmlns="http://www.w3.org/2000/svg" style="stroke-linecap:round;stroke-linejoin:round;">
<path class="shaddow" d="m40.0248,10.0817v-4.5814c-.3229,0-.7411-.0004-1.6553-.0004l-28.9669.0004c-.9142,0-1.318,0-1.6553,0v4.5814c.2164,0,.7411.0005,1.6553.0005l28.9669-.0005c.9142,0,1.4122,0,1.6553,0Z"/>
<path class="shaddow" d="m40.0248,18.3503v-4.5814H9.4025c-.9142,0-1.3777,0-1.6553,0v4.5814c.2646,0,.7411,0,1.6553,0h30.6223Z"/>
<path class="shaddow" d="m40.2557,42.4999v-20.1821c0-.1633-.9724-.1077-1.8866-.1077H9.4022c-.9142,0-1.6553-.0555-1.6553.1077v19.8878c.2814-.1622,15.3415-8.2118,16.1691-8.5978.5156.2972,13.6461,7.3385,16.3406,8.8914l-.0008.0007Z"/>
</svg>
</a>

<a title="LinkedIn" href="https://www.linkedin.com/in/DanielRedacted" target="_blank">
<svg id="LinkedIn" fill="#0A66C2" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink">
<path class="shaddow" d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-288.985,423.278l0,-225.717l-75.04,0l0,225.717l75.04,0Zm270.539,0l0,-129.439c0,-69.333 -37.018,-101.586 -86.381,-101.586c-39.804,0 -57.634,21.891 -67.617,37.266l0,-31.958l-75.021,0c0.995,21.181 0,225.717 0,225.717l75.02,0l0,-126.056c0,-6.748 0.486,-13.492 2.474,-18.315c5.414,-13.475 17.767,-27.434 38.494,-27.434c27.135,0 38.007,20.707 38.007,51.037l0,120.768l75.024,0Zm-307.552,-334.556c-25.674,0 -42.448,16.879 -42.448,39.002c0,21.658 16.264,39.002 41.455,39.002l0.484,0c26.165,0 42.452,-17.344 42.452,-39.002c-0.485,-22.092 -16.241,-38.954 -41.943,-39.002Z"/>
</svg>
</a>

<a title="GitHub" href="https://github.com/DanielRedacted" target="_blank">
<svg id="GitHub" fill="#6E40C9" enable-background="new 0 0 32 32" version="1.0" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path class="shaddow" clip-rule="evenodd" d="M16.003,0C7.17,0,0.008,7.162,0.008,15.997 c0,7.067,4.582,13.063,10.94,15.179c0.8,0.146,1.052-0.328,1.052-0.752c0-0.38,0.008-1.442,0-2.777 c-4.449,0.967-5.371-2.107-5.371-2.107c-0.727-1.848-1.775-2.34-1.775-2.34c-1.452-0.992,0.109-0.973,0.109-0.973 c1.605,0.113,2.451,1.649,2.451,1.649c1.427,2.443,3.743,1.737,4.654,1.329c0.146-1.034,0.56-1.739,1.017-2.139 c-3.552-0.404-7.286-1.776-7.286-7.906c0-1.747,0.623-3.174,1.646-4.292C7.28,10.464,6.73,8.837,7.602,6.634 c0,0,1.343-0.43,4.398,1.641c1.276-0.355,2.645-0.532,4.005-0.538c1.359,0.006,2.727,0.183,4.005,0.538 c3.055-2.07,4.396-1.641,4.396-1.641c0.872,2.203,0.323,3.83,0.159,4.234c1.023,1.118,1.644,2.545,1.644,4.292 c0,6.146-3.74,7.498-7.304,7.893C19.479,23.548,20,24.508,20,26c0,2,0,3.902,0,4.428c0,0.428,0.258,0.901,1.07,0.746 C27.422,29.055,32,23.062,32,15.997C32,7.162,24.838,0,16.003,0z" fill-rule="evenodd"/>
</svg>
</a>

<a title="Reddit" href="https://www.reddit.com/u/DanielRedacted" target="_blank">
<svg id="Reddit" style="fill:#FF4500; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink">
<path class="shaddow" d="M256,0c141.29,0 256,114.71 256,256c0,141.29 -114.71,256 -256,256c-141.29,0 -256,-114.71 -256,-256c0,-141.29 114.71,-256 256,-256Zm170.667,256c0,-20.66 -16.768,-37.427 -37.427,-37.427c-10.18,0 -19.163,3.892 -25.75,10.48c-25.45,-18.265 -60.781,-30.241 -99.705,-31.738l17.066,-79.944l55.392,11.677c0.599,14.072 12.276,25.45 26.648,25.45c14.672,0 26.648,-11.976 26.648,-26.648c0,-14.671 -11.976,-26.648 -26.648,-26.648c-10.479,0 -19.462,5.989 -23.654,14.971l-61.979,-13.174c-1.796,-0.3 -3.593,0 -5.09,0.898c-1.497,0.898 -2.395,2.395 -2.994,4.192l-18.863,89.226c-39.822,1.197 -75.453,12.874 -101.202,31.738c-6.587,-6.288 -15.869,-10.48 -25.75,-10.48c-20.66,0 -37.427,16.767 -37.427,37.427c0,15.27 8.983,28.145 22.157,34.133c-0.599,3.593 -0.898,7.486 -0.898,11.378c0,57.488 66.769,103.897 149.408,103.897c82.638,0 149.408,-46.409 149.408,-103.897c0,-3.892 -0.299,-7.485 -0.898,-11.078c12.276,-5.989 21.558,-19.163 21.558,-34.433Zm-107.191,97.011c-18.264,18.264 -52.996,19.462 -63.177,19.462c-10.18,0 -45.211,-1.498 -63.176,-19.462c-2.695,-2.695 -2.695,-7.186 0,-9.881c2.695,-2.695 7.186,-2.695 9.881,0c11.377,11.378 35.929,15.569 53.595,15.569c17.665,0 41.918,-4.191 53.595,-15.569c2.695,-2.695 7.186,-2.695 9.881,0c2.096,2.994 2.096,7.186 -0.599,9.881Zm-148.809,-70.363c0,-14.671 11.976,-26.648 26.648,-26.648c14.671,0 26.648,11.977 26.648,26.648c0,14.671 -11.977,26.648 -26.648,26.648c-14.672,0 -26.648,-11.977 -26.648,-26.648Zm144.018,26.648c-14.671,0 -26.648,-11.977 -26.648,-26.648c0,-14.671 11.977,-26.648 26.648,-26.648c14.672,0 26.648,11.977 26.648,26.648c0,14.671 -11.976,26.648 -26.648,26.648Z"/>
</svg>
</a>

<a title="YouTube" href="https://www.youtube.com/@DanielRedacted" target="_blank">
<svg id="YouTube" fill="red" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" xml:space="preserve" viewBox="0 0 234.66667 165.33333" xmlns:xlink="http://www.w3.org/1999/xlink">
<g inkscape:groupmode="layer" inkscape:label="ink_ext_XXXXXX" transform="matrix(1.3333333,0,0,-1.3333333,0,165.33333)">
<g transform="scale(0.1)">
<path class="shaddow" d="m 700,358.313 v 523.375 l 460,-261.7 z m 1023.22,688.057 c -20.24,76.22 -79.88,136.24 -155.6,156.61 C 1430.37,1240 880,1240 880,1240 c 0,0 -550.367,0 -687.621,-37.02 C 116.656,1182.61 57.0156,1122.59 36.7773,1046.37 0,908.227 0,620 0,620 0,620 0,331.777 36.7773,193.629 57.0156,117.41 116.656,57.3906 192.379,37.0117 329.633,0 880,0 880,0 c 0,0 550.37,0 687.62,37.0117 75.72,20.3789 135.36,80.3983 155.6,156.6173 C 1760,331.777 1760,620 1760,620 c 0,0 0,288.227 -36.78,426.37" style="fill-opacity:1;fill-rule:nonzero;stroke:none"/>
</g>
</g>
</svg>
</a>

<a title="Rumble" href="https://rumble.com/c/c-6649749" target="_blank">
<svg id="Rumble" version="1.2" fill="#85c742" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1441 1583">
<path class="shaddow" id="Layer" fill-rule="evenodd" d="m1339.3 537.2c32.1 35.2 57.5 75.9 74.8 120.3 17.2 44.4 26.1 91.5 26.2 139.2 0.1 47.6-8.6 94.8-25.7 139.2-17.1 44.4-42.3 85.3-74.3 120.6-57.2 63.1-119 121.9-184.9 175.9-65.9 54-135.7 103-208.9 146.7-73.1 43.6-149.4 81.8-228.2 114.2-78.8 32.4-159.9 59-242.6 79.4-42.2 10.6-86.1 12.9-129.1 6.8-43.1-6.1-84.6-20.4-122.2-42.3-37.7-21.8-70.7-50.7-97.4-85-26.6-34.4-46.4-73.6-58.2-115.4-100.4-343-85.6-730.8 11.2-1075.3 51-180.9 221.3-294.5 396.7-252.7 324.8 77.4 629.6 276.7 862.6 528.4zm-457.3 356.2c61.2-48.4 61.2-142.7 0-192.6q-32.6-27.1-66.8-52.1-34.2-25.1-69.9-48-35.6-22.9-72.6-43.7-37-20.7-75.2-39.2c-70.3-33.6-148.8 13.3-160.1 93.3-17.3 122.3-20.4 245.6-9.1 362.8 7.6 81.1 85.1 129.5 156.5 98.4q39.9-17.2 78.6-37 38.7-19.8 76-42.2 37.3-22.4 73-47.2 35.7-24.8 69.6-52z"/>
</svg>
</a>

<a title="TruthSocial" href="https://truthsocial.com/@DanielRedacted" target="_blank">
<svg id="TruthSocial" viewBox="0 0 144 144" fill="#5448EE" xmlns="http://www.w3.org/2000/svg">
<path class="shaddow" d="M140.401 45V13.5H53.1006V129.9H90.6006V45H140.401Z" fill="#5448EE"/>
<path class="shaddow" d="M3 13.5H39V45H3V13.5Z" fill="#5448EE"/>
<path class="shaddow" d="M104.399 98.3994H140.399V129.899H104.399V98.3994Z" fill="#5448EE"/>
</svg>
</a>
</div>
</div>



<div id="page">

<fieldset style="padding-top:0;">
<legend><h2>redact</h2></legend>
Expand All @@ -154,7 +247,7 @@ <h4>transitive verb</h4>
</ol>
<p>example: █ ████ ███!</p>
<br><br>
<p>note: <b>Redaction</b> is used by Governments and Legal entities, Companies, Journalists, and Medical Institutions to protect sensitive and confidential information, personal data, and identities. You should too.</p><br>
<p>note: Governments, Companies, Medical Institutions, and Journalists use <b class="redacted">Redaction</b> to protect sensitive and confidential information, personal data, and identities. You should too.</p><br>
<p>Think before you post.</p>
</fieldset>

Expand Down
Binary file removed substack.com.png
View file
Binary file not shown.
Binary file removed twitter.com.ico
View file
Binary file not shown.
Binary file removed www.linkedin.com.ico
View file
Binary file not shown.

0 comments on commit b341846

Please sign in to comment.