Compare commits
3 Commits
88e3d09ef7
...
c010f38569
| Author | SHA1 | Date |
|---|---|---|
FOSSMan
|
c010f38569 | |
|
FOSSMan
|
9ef855cc61 | |
|
FOSSMan
|
c94ecdaafa |
8
LICENSE
8
LICENSE
|
|
@ -1,8 +0,0 @@
|
|||
/*
|
||||
* ----------------------------------------------------------------------------
|
||||
* "THE BEER-WARE LICENSE" (Revision 42):
|
||||
* 0xFOSSMan wrote this file. As long as you retain this notice you
|
||||
* can do whatever you want with this stuff. If we meet some day, and you think
|
||||
* this stuff is worth it, you can buy me a beer in return. ~FOSSMan
|
||||
* ----------------------------------------------------------------------------
|
||||
*/
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
[](LICENSE)
|
||||
<h1 style="text-align:center;">FOSSMan's Website</h1>
|
||||
<p>This is just my personal website to keep my PGP Key and other stuff.</p>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
|
|
@ -1,248 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 264 280" style="enable-background:new 0 0 264 280;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E6E6;}
|
||||
.st1{filter:url(#Adobe_OpacityMaskFilter);}
|
||||
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
|
||||
.st3{mask:url(#mask-2_1_);}
|
||||
.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#2C3E50;}
|
||||
.st5{filter:url(#Adobe_OpacityMaskFilter_1_);}
|
||||
.st6{mask:url(#mask-4_1_);}
|
||||
.st7{fill-rule:evenodd;clip-rule:evenodd;fill:#D0C6AC;}
|
||||
.st8{filter:url(#Adobe_OpacityMaskFilter_2_);}
|
||||
.st9{mask:url(#mask-6_1_);}
|
||||
.st10{fill-rule:evenodd;clip-rule:evenodd;fill:#EDB98A;}
|
||||
.st11{filter:url(#Adobe_OpacityMaskFilter_3_);}
|
||||
.st12{mask:url(#mask-6_2_);fill-rule:evenodd;clip-rule:evenodd;fill-opacity:0.1;}
|
||||
.st13{filter:url(#Adobe_OpacityMaskFilter_4_);}
|
||||
.st14{mask:url(#react-mask-952_1_);}
|
||||
.st15{filter:url(#Adobe_OpacityMaskFilter_5_);}
|
||||
.st16{opacity:0.6;mask:url(#react-mask-952_2_);}
|
||||
.st17{fill-rule:evenodd;clip-rule:evenodd;fill-opacity:0.16;}
|
||||
.st18{fill-rule:evenodd;clip-rule:evenodd;fill-opacity:0.7;}
|
||||
.st19{filter:url(#Adobe_OpacityMaskFilter_6_);}
|
||||
.st20{mask:url(#react-mask-934_1_);fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
|
||||
.st21{filter:url(#Adobe_OpacityMaskFilter_7_);}
|
||||
.st22{mask:url(#react-mask-934_2_);}
|
||||
.st23{fill-rule:evenodd;clip-rule:evenodd;fill:#FF4F6D;}
|
||||
.st24{fill-rule:evenodd;clip-rule:evenodd;fill-opacity:0.6;}
|
||||
.st25{filter:url(#Adobe_OpacityMaskFilter_8_);}
|
||||
.st26{mask:url(#react-mask-925_1_);}
|
||||
.st27{fill-rule:evenodd;clip-rule:evenodd;fill:#28354B;}
|
||||
.st28{filter:url(#Adobe_OpacityMaskFilter_9_);}
|
||||
.st29{mask:url(#react-mask-924_1_);}
|
||||
.st30{fill-rule:evenodd;clip-rule:evenodd;fill:#4A312C;}
|
||||
</style>
|
||||
<desc>Created with getavataaars.com</desc>
|
||||
<g>
|
||||
<g transform="translate(-825.000000, -1100.000000)">
|
||||
<g transform="translate(825.000000, 1100.000000)">
|
||||
<g id="Circle" transform="translate(12.000000, 40.000000)">
|
||||
<g id="Circle-Background">
|
||||
<circle class="st0" cx="120" cy="120" r="120"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="0" y="0" width="240" height="240">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="0" y="0" width="240" height="240" id="mask-2_1_">
|
||||
<g class="st1">
|
||||
<circle id="path-1_1_" class="st2" cx="120" cy="120" r="120"/>
|
||||
</g>
|
||||
</mask>
|
||||
<g class="st3">
|
||||
<rect class="st4" width="240" height="240"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Mask">
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_1_" filterUnits="userSpaceOnUse" x="-1" y="0" width="265" height="280">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="-1" y="0" width="265" height="280" id="mask-4_1_">
|
||||
<g class="st5">
|
||||
<path id="path-3_1_" class="st2" d="M12,160c0,66.3,53.7,120,120,120s120-53.7,120-120h12V0H0v160H12z"/>
|
||||
</g>
|
||||
</mask>
|
||||
<g id="Avataaar" class="st6">
|
||||
<g id="Body" transform="translate(32.000000, 36.000000)">
|
||||
<g>
|
||||
<path class="st7" d="M124,144.6V163h4l0,0c39.8,0,72,32.2,72,72v9H0v-9c0-39.8,32.2-72,72-72l0,0h4v-18.4
|
||||
c-17.2-8.2-29.6-24.9-31.7-44.7C38.5,99.1,34,94.1,34,88V74c0-5.9,4.3-10.9,10-11.8V56l0,0c0-30.9,25.1-56,56-56l0,0l0,0
|
||||
c30.9,0,56,25.1,56,56v6.2c5.7,1,10,5.9,10,11.8v14c0,6.1-4.5,11.1-10.3,11.9C153.6,119.7,141.2,136.4,124,144.6z"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_2_" filterUnits="userSpaceOnUse" x="-32" y="0" width="264" height="244">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="-32" y="0" width="264" height="244" id="mask-6_1_">
|
||||
<g class="st8">
|
||||
<path id="path-5_1_" class="st2" d="M124,144.6V163h4l0,0c39.8,0,72,32.2,72,72v9H0v-9c0-39.8,32.2-72,72-72l0,0h4v-18.4
|
||||
c-17.2-8.2-29.6-24.9-31.7-44.7C38.5,99.1,34,94.1,34,88V74c0-5.9,4.3-10.9,10-11.8V56l0,0c0-30.9,25.1-56,56-56l0,0l0,0
|
||||
c30.9,0,56,25.1,56,56v6.2c5.7,1,10,5.9,10,11.8v14c0,6.1-4.5,11.1-10.3,11.9C153.6,119.7,141.2,136.4,124,144.6z"/>
|
||||
</g>
|
||||
</mask>
|
||||
<g class="st9">
|
||||
<g id="Color" transform="translate(-32.000000, 0.000000)">
|
||||
<rect class="st10" width="264" height="244"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_3_" filterUnits="userSpaceOnUse" x="44" y="79" width="112" height="79">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="44" y="79" width="112" height="79" id="mask-6_2_">
|
||||
<g class="st11">
|
||||
<path id="path-5_2_" class="st2" d="M124,144.6V163h4l0,0c39.8,0,72,32.2,72,72v9H0v-9c0-39.8,32.2-72,72-72l0,0h4v-18.4
|
||||
c-17.2-8.2-29.6-24.9-31.7-44.7C38.5,99.1,34,94.1,34,88V74c0-5.9,4.3-10.9,10-11.8V56l0,0c0-30.9,25.1-56,56-56l0,0l0,0
|
||||
c30.9,0,56,25.1,56,56v6.2c5.7,1,10,5.9,10,11.8v14c0,6.1-4.5,11.1-10.3,11.9C153.6,119.7,141.2,136.4,124,144.6z"/>
|
||||
</g>
|
||||
</mask>
|
||||
<path id="Neck-Shadow" class="st12" d="M156,79v23c0,30.9-25.1,56-56,56s-56-25.1-56-56V79v15c0,30.9,25.1,56,56,56
|
||||
s56-25.1,56-56V79z"/>
|
||||
</g>
|
||||
<g transform="translate(0.000000, 170.000000)">
|
||||
<g id="Clothes">
|
||||
<path class="st0" d="M166,29.3c37,3,66,34,66,71.8v8.9H32v-8.9C32,63,61.6,31.8,99,29.2c0,0.4,0,0.7,0,1.1
|
||||
c0,11.9,15,21.5,33.5,21.5S166,42.2,166,30.3C166,30,166,29.6,166,29.3z"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_4_" filterUnits="userSpaceOnUse" x="0" y="0" width="264" height="110">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="0" y="0" width="264" height="110" id="react-mask-952_1_">
|
||||
<g class="st13">
|
||||
<path id="react-path-951_1_" class="st2" d="M166,29.3c37,3,66,34,66,71.8v8.9H32v-8.9C32,63,61.6,31.8,99,29.2
|
||||
c0,0.4,0,0.7,0,1.1c0,11.9,15,21.5,33.5,21.5S166,42.2,166,30.3C166,30,166,29.6,166,29.3z"/>
|
||||
</g>
|
||||
</mask>
|
||||
<g class="st14">
|
||||
<rect class="st2" width="264" height="110"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_5_" filterUnits="userSpaceOnUse" x="92.9" y="4.9" width="79.3" height="53.8">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="92.9" y="4.9" width="79.3" height="53.8" id="react-mask-952_2_">
|
||||
<g class="st15">
|
||||
<path id="react-path-951_2_" class="st2" d="M166,29.3c37,3,66,34,66,71.8v8.9H32v-8.9C32,63,61.6,31.8,99,29.2
|
||||
c0,0.4,0,0.7,0,1.1c0,11.9,15,21.5,33.5,21.5S166,42.2,166,30.3C166,30,166,29.6,166,29.3z"/>
|
||||
</g>
|
||||
</mask>
|
||||
<g id="Shadowy" class="st16">
|
||||
<g transform="translate(92.000000, 4.000000)">
|
||||
<ellipse class="st17" cx="40.5" cy="27.8" rx="39.6" ry="26.9"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Face" transform="translate(76.000000, 82.000000)">
|
||||
<g transform="translate(2.000000, 52.000000)">
|
||||
<g id="Mouth">
|
||||
<path class="st18" d="M35.1,15.1C36.2,24.6,44.2,32,54,32c9.8,0,17.9-7.4,18.9-17c0.1-0.8-0.8-2-1.8-2c-14.9,0-26.3,0-34,0
|
||||
C36,13,35,14.2,35.1,15.1z"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_6_" filterUnits="userSpaceOnUse" x="39" y="2" width="31" height="16">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="39" y="2" width="31" height="16" id="react-mask-934_1_">
|
||||
<g class="st19">
|
||||
<path id="react-path-933_1_" class="st2" d="M35.1,15.1C36.2,24.6,44.2,32,54,32c9.8,0,17.9-7.4,18.9-17
|
||||
c0.1-0.8-0.8-2-1.8-2c-14.9,0-26.3,0-34,0C36,13,35,14.2,35.1,15.1z"/>
|
||||
</g>
|
||||
</mask>
|
||||
<path id="Teeth" class="st20" d="M44,2h21c2.8,0,5,2.2,5,5v6c0,2.8-2.2,5-5,5H44c-2.8,0-5-2.2-5-5V7C39,4.2,41.2,2,44,2z"/>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_7_" filterUnits="userSpaceOnUse" x="38" y="24" width="32" height="22">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="38" y="24" width="32" height="22" id="react-mask-934_2_">
|
||||
<g class="st21">
|
||||
<path id="react-path-933_2_" class="st2" d="M35.1,15.1C36.2,24.6,44.2,32,54,32c9.8,0,17.9-7.4,18.9-17
|
||||
c0.1-0.8-0.8-2-1.8-2c-14.9,0-26.3,0-34,0C36,13,35,14.2,35.1,15.1z"/>
|
||||
</g>
|
||||
</mask>
|
||||
<g id="Tongue" class="st22">
|
||||
<g transform="translate(38.000000, 24.000000)">
|
||||
<circle class="st23" cx="11" cy="11" r="11"/>
|
||||
<circle class="st23" cx="21" cy="11" r="11"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(28.000000, 40.000000)">
|
||||
<path id="Nose" class="st17" d="M16,8c0,4.4,5.4,8,12,8l0,0c6.6,0,12-3.6,12-8"/>
|
||||
</g>
|
||||
<g transform="translate(0.000000, 8.000000)">
|
||||
<path id="Squint" class="st24" d="M16.2,22.4C18,18.6,22.2,16,27,16c4.8,0,9,2.6,10.8,6.4c0.6,1.1-0.2,2-1,1.4
|
||||
c-2.5-2.1-5.9-3.4-9.8-3.4c-3.7,0-7.1,1.2-9.6,3.2C16.5,24.3,15.6,23.6,16.2,22.4z"/>
|
||||
<path class="st24" d="M74.2,22.4C76,18.6,80.2,16,85,16c4.8,0,9,2.6,10.8,6.4c0.6,1.1-0.2,2-1,1.4c-2.5-2.1-5.9-3.4-9.8-3.4
|
||||
c-3.7,0-7.1,1.2-9.6,3.2C74.5,24.3,73.6,23.6,74.2,22.4z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path id="Eyebrow" class="st24" d="M26.5,6.1c-5.8,0.3-15.2,4.5-15,10.3c0,0.2,0.3,0.3,0.4,0.1c2.8-3,22.3-5.9,29.2-4.4
|
||||
c0.6,0.1,1.1-0.5,0.7-0.9C38.5,7.5,31.7,5.9,26.5,6.1"/>
|
||||
<path class="st24" d="M86.5,6.1c5.8,0.3,15.2,4.5,15,10.3c0,0.2-0.3,0.3-0.4,0.1c-2.8-3-22.3-5.9-29.2-4.4
|
||||
c-0.6,0.1-1.1-0.5-0.7-0.9C74.5,7.5,81.3,5.9,86.5,6.1"/>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Top">
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_8_" filterUnits="userSpaceOnUse" x="-1" y="0" width="264" height="280">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="-1" y="0" width="264" height="280" id="react-mask-925_1_">
|
||||
<g class="st25">
|
||||
<rect id="react-path-927_1_" class="st2" width="264" height="280"/>
|
||||
</g>
|
||||
</mask>
|
||||
<g class="st26">
|
||||
<g transform="translate(-1.000000, 0.000000)">
|
||||
<g id="Short-Hair">
|
||||
<path class="st27" d="M183.7,38.9c5.4-5,6.7-15,3.6-21.5c-3.8-8-11.4-9-18.7-5.5c-6.9,3.3-13.1,4.4-20.6,2.8
|
||||
c-7.3-1.5-14.1-4.3-21.6-4.7C114,9.3,102,13.9,93.6,23.1c-1.6,1.8-2.9,3.8-4.1,5.8c-1,1.6-2.1,3.4-2.5,5.3
|
||||
c-0.2,0.9,0.2,3.1-0.3,3.8c-0.5,0.8-2.3,1.5-3.1,2.1c-1.6,1.2-2.9,2.5-4.2,4c-2.7,3.2-4.1,6.6-5.4,10.6
|
||||
c-4.1,13.2-4.5,29,0.9,42c0.7,1.7,2.9,5.4,4.2,1.6c0.3-0.7-0.3-3.2-0.3-3.9c0-2.7,1.5-20.7,8-30.8c2.1-3.3,12-15.6,14-15.7
|
||||
c1.1,1.7,11.9,12.5,39.9,11.2c12.7-0.6,22.4-6.3,24.7-8.7c1,5.5,13,13.8,14.8,17.2c5.3,9.8,6.4,30.3,8.4,30.3
|
||||
s3.5-5.2,3.9-6.2c3.1-7.4,3.6-16.6,3.3-24.6C195.5,57,191.3,45.9,183.7,38.9z"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="Adobe_OpacityMaskFilter_9_" filterUnits="userSpaceOnUse" x="0" y="0" width="264" height="280">
|
||||
<feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/>
|
||||
</filter>
|
||||
</defs>
|
||||
<mask maskUnits="userSpaceOnUse" x="0" y="0" width="264" height="280" id="react-mask-924_1_">
|
||||
<g class="st28">
|
||||
<path id="react-path-926_1_" class="st2" d="M183.7,38.9c5.4-5,6.7-15,3.6-21.5c-3.8-8-11.4-9-18.7-5.5
|
||||
c-6.9,3.3-13.1,4.4-20.6,2.8c-7.3-1.5-14.1-4.3-21.6-4.7C114,9.3,102,13.9,93.6,23.1c-1.6,1.8-2.9,3.8-4.1,5.8
|
||||
c-1,1.6-2.1,3.4-2.5,5.3c-0.2,0.9,0.2,3.1-0.3,3.8c-0.5,0.8-2.3,1.5-3.1,2.1c-1.6,1.2-2.9,2.5-4.2,4
|
||||
c-2.7,3.2-4.1,6.6-5.4,10.6c-4.1,13.2-4.5,29,0.9,42c0.7,1.7,2.9,5.4,4.2,1.6c0.3-0.7-0.3-3.2-0.3-3.9
|
||||
c0-2.7,1.5-20.7,8-30.8c2.1-3.3,12-15.6,14-15.7c1.1,1.7,11.9,12.5,39.9,11.2c12.7-0.6,22.4-6.3,24.7-8.7
|
||||
c1,5.5,13,13.8,14.8,17.2c5.3,9.8,6.4,30.3,8.4,30.3s3.5-5.2,3.9-6.2c3.1-7.4,3.6-16.6,3.3-24.6
|
||||
C195.5,57,191.3,45.9,183.7,38.9z"/>
|
||||
</g>
|
||||
</mask>
|
||||
<g class="st29">
|
||||
<g transform="translate(0.000000, 0.000000) ">
|
||||
<rect class="st30" width="264" height="280"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 357 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
11006
css/styles.css
11006
css/styles.css
File diff suppressed because it is too large
Load Diff
11046
css/styles.css_old
11046
css/styles.css_old
File diff suppressed because it is too large
Load Diff
491
index.html
491
index.html
|
|
@ -1,463 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="Homepage von FOSSMan" />
|
||||
<meta name="author" content="FOSSMan" />
|
||||
<meta http-equiv="onion-location" content="http://fossman66tkamfbugdjxo52tirk5wpwmkkqorr364utl672m3zxeu7ad.onion" />
|
||||
<title>FOSSMan's Homepage</title>
|
||||
<!-- Favicon-->
|
||||
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
|
||||
<!-- Font Awesome icons (free version)-->
|
||||
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
|
||||
<!-- Google fonts-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link href="css/styles.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body id="page-top">
|
||||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg bg-secondary text-uppercase fixed-top" id="mainNav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="#page-top">FOSSMan's Homepage</a>
|
||||
<button class="navbar-toggler text-uppercase font-weight-bold bg-primary text-white rounded" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="https://gitea.fossman.de/">Gitea</a></li>
|
||||
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="https://uptime.fossman.de/status/services">Server Status</a></li>
|
||||
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="fossman_public.asc">PGP Public Key</a></li>
|
||||
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="https://github.com/0xfossman/gamelauncher">GameLauncher</a></li>
|
||||
<li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded" href="https://github.com/0xFOSSMan/obvious-recipes">Obvious-Recipes</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Masthead-->
|
||||
<header class="masthead bg-primary text-white text-center">
|
||||
<div class="container d-flex align-items-center flex-column">
|
||||
<!-- Masthead Avatar Image-->
|
||||
<img class="masthead-avatar mb-5" src="https://avatars.githubusercontent.com/0xfossman" alt="..." />
|
||||
<!-- Masthead Heading-->
|
||||
<h1 class="masthead-heading text-uppercase mb-0">FOSSMan</h1>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom divider-light">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Masthead Subheading-->
|
||||
<p class="masthead-subheading font-weight-light mb-0">Open Source Enthusiast</p>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Portfolio Section-->
|
||||
|
||||
<section hidden class="page-section portfolio" id="portfolio">
|
||||
<div class="container">
|
||||
<!-- Portfolio Section Heading-->
|
||||
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">Portfolio</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Portfolio Grid Items-->
|
||||
<div class="row justify-content-center">
|
||||
<!-- Portfolio Item 1-->
|
||||
<div class="col-md-6 col-lg-4 mb-5">
|
||||
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal1">
|
||||
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
||||
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/cabin.png" alt="..." />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Item 2-->
|
||||
<div class="col-md-6 col-lg-4 mb-5">
|
||||
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal2">
|
||||
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
||||
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/cake.png" alt="..." />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Item 3-->
|
||||
<div class="col-md-6 col-lg-4 mb-5">
|
||||
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal3">
|
||||
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
||||
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/circus.png" alt="..." />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Item 4-->
|
||||
<div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
|
||||
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal4">
|
||||
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
||||
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/game.png" alt="..." />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Item 5-->
|
||||
<div class="col-md-6 col-lg-4 mb-5 mb-md-0">
|
||||
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal5">
|
||||
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
||||
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/safe.png" alt="..." />
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Item 6-->
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="portfolio-item mx-auto" data-bs-toggle="modal" data-bs-target="#portfolioModal6">
|
||||
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
|
||||
<div class="portfolio-item-caption-content text-center text-white"><i class="fas fa-plus fa-3x"></i></div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/portfolio/submarine.png" alt="..." />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Section-->
|
||||
<section hidden class="page-section bg-primary text-white mb-0" id="about">
|
||||
<div class="container">
|
||||
<!-- About Section Heading-->
|
||||
<h2 class="page-section-heading text-center text-uppercase text-white">About</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom divider-light">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- About Section Content-->
|
||||
<div class="row">
|
||||
<div class="col-lg-4 ms-auto"><p class="lead">Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional SASS stylesheets for easy customization.</p></div>
|
||||
<div class="col-lg-4 me-auto"><p class="lead">You can create your own custom avatar for the masthead, change the icon in the dividers, and add your email address to the contact form to make it fully functional!</p></div>
|
||||
</div>
|
||||
<!-- About Section Button-->
|
||||
<div class="text-center mt-4">
|
||||
<a class="btn btn-xl btn-outline-light" href="https://startbootstrap.com/theme/freelancer/">
|
||||
<i class="fas fa-download me-2"></i>
|
||||
Free Download!
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Contact Section-->
|
||||
<section hidden class="page-section" id="contact">
|
||||
<div class="container">
|
||||
<!-- Contact Section Heading-->
|
||||
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">Contact Me</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Contact Section Form-->
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 col-xl-7">
|
||||
<!-- * * * * * * * * * * * * * * *-->
|
||||
<!-- * * SB Forms Contact Form * *-->
|
||||
<!-- * * * * * * * * * * * * * * *-->
|
||||
<!-- This form is pre-integrated with SB Forms.-->
|
||||
<!-- To make this form functional, sign up at-->
|
||||
<!-- https://startbootstrap.com/solution/contact-forms-->
|
||||
<!-- to get an API token!-->
|
||||
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
|
||||
<!-- Name input-->
|
||||
<div class="form-floating mb-3">
|
||||
<input class="form-control" id="name" type="text" placeholder="Enter your name..." data-sb-validations="required" />
|
||||
<label for="name">Full name</label>
|
||||
<div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>
|
||||
</div>
|
||||
<!-- Email address input-->
|
||||
<div class="form-floating mb-3">
|
||||
<input class="form-control" id="email" type="email" placeholder="name@example.com" data-sb-validations="required,email" />
|
||||
<label for="email">Email address</label>
|
||||
<div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>
|
||||
<div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>
|
||||
</div>
|
||||
<!-- Phone number input-->
|
||||
<div class="form-floating mb-3">
|
||||
<input class="form-control" id="phone" type="tel" placeholder="(123) 456-7890" data-sb-validations="required" />
|
||||
<label for="phone">Phone number</label>
|
||||
<div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>
|
||||
</div>
|
||||
<!-- Message input-->
|
||||
<div class="form-floating mb-3">
|
||||
<textarea class="form-control" id="message" type="text" placeholder="Enter your message here..." style="height: 10rem" data-sb-validations="required"></textarea>
|
||||
<label for="message">Message</label>
|
||||
<div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>
|
||||
</div>
|
||||
<!-- Submit success message-->
|
||||
<!---->
|
||||
<!-- This is what your users will see when the form-->
|
||||
<!-- has successfully submitted-->
|
||||
<div class="d-none" id="submitSuccessMessage">
|
||||
<div class="text-center mb-3">
|
||||
<div class="fw-bolder">Form submission successful!</div>
|
||||
To activate this form, sign up at
|
||||
<br />
|
||||
<a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Submit error message-->
|
||||
<!---->
|
||||
<!-- This is what your users will see when there is-->
|
||||
<!-- an error submitting the form-->
|
||||
<div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>
|
||||
<!-- Submit Button-->
|
||||
<button class="btn btn-primary btn-xl disabled" id="submitButton" type="submit">Send</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer-->
|
||||
<footer class="footer text-center">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Footer Location-->
|
||||
<div class="col-lg-4 mb-5 mb-lg-0">
|
||||
<h4 class="text-uppercase mb-4">Contact</h4>
|
||||
<p class="lead mb-0">
|
||||
E-Mail: <a href="mailto:fossman@national.shitposting.agency">fossman@national.shitposting.agency</a>
|
||||
</p>
|
||||
</div>
|
||||
<!-- Footer Social Icons-->
|
||||
<div class="col-lg-4 mb-5 mb-lg-0">
|
||||
<h4 class="text-uppercase mb-4">Around the Web</h4>
|
||||
<a class="btn btn-outline-light btn-social mx-1" href="https://mastodon.social/@fossman"><i class="fab fa-fw fa-mastodon"></i></a>
|
||||
<a class="btn btn-outline-light btn-social mx-1" href="https://lemmy.ml/u/FOSSMan"><i class="fab fa fa-circle-user"></i></a>
|
||||
<a class="btn btn-outline-light btn-social mx-1" href="https://github.com/0xFOSSMan"><i class="fab fa-fw fa-github"></i></a>
|
||||
<a hidden class="btn btn-outline-light btn-social mx-1" href="#!"><i class="fab fa-fw fa-dribbble"></i></a>
|
||||
</div>
|
||||
<!-- Footer About Text-->
|
||||
<div class="col-lg-4">
|
||||
<h4 class="text-uppercase mb-4">About Freelancer</h4>
|
||||
<p class="lead mb-0">
|
||||
Freelance is a free to use, MIT licensed Bootstrap theme created by
|
||||
<a href="http://startbootstrap.com">Start Bootstrap</a>
|
||||
.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- Copyright Section-->
|
||||
<div class="copyright py-4 text-center text-white">
|
||||
<div class="container"><small>Copyright © FOSSMan 2023</small></div>
|
||||
</div>
|
||||
<!-- Portfolio Modals-->
|
||||
<!-- Portfolio Modal 1-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" aria-labelledby="portfolioModal1" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
|
||||
<div class="modal-body text-center pb-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<!-- Portfolio Modal - Title-->
|
||||
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Log Cabin</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/cabin.png" alt="..." />
|
||||
<!-- Portfolio Modal - Text-->
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-xmark fa-fw"></i>
|
||||
Close Window
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Modal 2-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" aria-labelledby="portfolioModal2" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
|
||||
<div class="modal-body text-center pb-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<!-- Portfolio Modal - Title-->
|
||||
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Tasty Cake</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/cake.png" alt="..." />
|
||||
<!-- Portfolio Modal - Text-->
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-xmark fa-fw"></i>
|
||||
Close Window
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Modal 3-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" aria-labelledby="portfolioModal3" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
|
||||
<div class="modal-body text-center pb-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<!-- Portfolio Modal - Title-->
|
||||
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Circus Tent</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/circus.png" alt="..." />
|
||||
<!-- Portfolio Modal - Text-->
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-xmark fa-fw"></i>
|
||||
Close Window
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Modal 4-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" aria-labelledby="portfolioModal4" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
|
||||
<div class="modal-body text-center pb-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<!-- Portfolio Modal - Title-->
|
||||
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Controller</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/game.png" alt="..." />
|
||||
<!-- Portfolio Modal - Text-->
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-xmark fa-fw"></i>
|
||||
Close Window
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Modal 5-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" aria-labelledby="portfolioModal5" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
|
||||
<div class="modal-body text-center pb-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<!-- Portfolio Modal - Title-->
|
||||
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Locked Safe</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/safe.png" alt="..." />
|
||||
<!-- Portfolio Modal - Text-->
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-xmark fa-fw"></i>
|
||||
Close Window
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Portfolio Modal 6-->
|
||||
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" aria-labelledby="portfolioModal6" aria-hidden="true">
|
||||
<div class="modal-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header border-0"><button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button></div>
|
||||
<div class="modal-body text-center pb-5">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<!-- Portfolio Modal - Title-->
|
||||
<h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Submarine</h2>
|
||||
<!-- Icon Divider-->
|
||||
<div class="divider-custom">
|
||||
<div class="divider-custom-line"></div>
|
||||
<div class="divider-custom-icon"><i class="fas fa-star"></i></div>
|
||||
<div class="divider-custom-line"></div>
|
||||
</div>
|
||||
<!-- Portfolio Modal - Image-->
|
||||
<img class="img-fluid rounded mb-5" src="assets/img/portfolio/submarine.png" alt="..." />
|
||||
<!-- Portfolio Modal - Text-->
|
||||
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
|
||||
<button class="btn btn-primary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-xmark fa-fw"></i>
|
||||
Close Window
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
|
||||
<!-- * * SB Forms JS * *-->
|
||||
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
|
||||
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
|
||||
<!-- <script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>-->
|
||||
</body>
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<title>FOSSMan's Homepage</title>
|
||||
<meta http-equiv="onion-location" content="http://fossman66tkamfbugdjxo52tirk5wpwmkkqorr364utl672m3zxeu7ad.onion" />
|
||||
<style type="text/css">
|
||||
*{
|
||||
color: #00FF00;
|
||||
background-color: #000000;
|
||||
}
|
||||
img{
|
||||
border-radius: 360px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<center>
|
||||
<h1>FOSSMan's Website</h1>
|
||||
<p><img src="https://avatars.githubusercontent.com/0xfossman" alt="wallpaperflare.com_wallpaper.jpg"></p>
|
||||
<p>Hi, my name is <strong>FOSSMan</strong>.
|
||||
I like everything that has an ethernet jack and isn't controlled by big tech.</p>
|
||||
<p><a href="https://github.com/0xfossman">My Github Page</a></p>
|
||||
<p><a href="fossman_public.asc">My PGP Public Key</a></p>
|
||||
<p>Contact me:
|
||||
<a href="mailto:fossman@national.shitposting.agency">via Mail</a>
|
||||
<a href="https://t.me/fossman_contact_bot">via Telegram</a>
|
||||
</p>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,54 +0,0 @@
|
|||
/*!
|
||||
* Start Bootstrap - Freelancer v7.0.7 (https://startbootstrap.com/theme/freelancer)
|
||||
* Copyright 2013-2023 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-freelancer/blob/master/LICENSE)
|
||||
*/
|
||||
//
|
||||
// Scripts
|
||||
//
|
||||
|
||||
window.addEventListener('DOMContentLoaded', event => {
|
||||
|
||||
// Navbar shrink function
|
||||
var navbarShrink = function () {
|
||||
const navbarCollapsible = document.body.querySelector('#mainNav');
|
||||
if (!navbarCollapsible) {
|
||||
return;
|
||||
}
|
||||
if (window.scrollY === 0) {
|
||||
navbarCollapsible.classList.remove('navbar-shrink')
|
||||
} else {
|
||||
navbarCollapsible.classList.add('navbar-shrink')
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// Shrink the navbar
|
||||
navbarShrink();
|
||||
|
||||
// Shrink the navbar when page is scrolled
|
||||
document.addEventListener('scroll', navbarShrink);
|
||||
|
||||
// Activate Bootstrap scrollspy on the main nav element
|
||||
const mainNav = document.body.querySelector('#mainNav');
|
||||
if (mainNav) {
|
||||
new bootstrap.ScrollSpy(document.body, {
|
||||
target: '#mainNav',
|
||||
rootMargin: '0px 0px -40%',
|
||||
});
|
||||
};
|
||||
|
||||
// Collapse responsive navbar when toggler is visible
|
||||
const navbarToggler = document.body.querySelector('.navbar-toggler');
|
||||
const responsiveNavItems = [].slice.call(
|
||||
document.querySelectorAll('#navbarResponsive .nav-link')
|
||||
);
|
||||
responsiveNavItems.map(function (responsiveNavItem) {
|
||||
responsiveNavItem.addEventListener('click', () => {
|
||||
if (window.getComputedStyle(navbarToggler).display !== 'none') {
|
||||
navbarToggler.click();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
Loading…
Reference in New Issue