diff --git a/asset-manifest.json b/asset-manifest.json new file mode 100644 index 0000000..f89c3a9 --- /dev/null +++ b/asset-manifest.json @@ -0,0 +1,18 @@ +{ + "files": { + "main.css": "/portfolio-site/static/css/main.14cd0923.css", + "main.js": "/portfolio-site/static/js/main.15e6f828.js", + "static/js/787.7da95b79.chunk.js": "/portfolio-site/static/js/787.7da95b79.chunk.js", + "static/media/ussRemovedBackground.png": "/portfolio-site/static/media/ussRemovedBackground.b7b8d70e983f2a59feff.png", + "static/media/rmu.png": "/portfolio-site/static/media/rmu.6a65391a7e8702347740.png", + "static/media/dlcDarkModeRemovedBackground.png": "/portfolio-site/static/media/dlcDarkModeRemovedBackground.c7afb8c617f3fd61d507.png", + "index.html": "/portfolio-site/index.html", + "main.14cd0923.css.map": "/portfolio-site/static/css/main.14cd0923.css.map", + "main.15e6f828.js.map": "/portfolio-site/static/js/main.15e6f828.js.map", + "787.7da95b79.chunk.js.map": "/portfolio-site/static/js/787.7da95b79.chunk.js.map" + }, + "entrypoints": [ + "static/css/main.14cd0923.css", + "static/js/main.15e6f828.js" + ] +} \ No newline at end of file diff --git a/blackjack.html b/blackjack.html new file mode 100644 index 0000000..95f8562 --- /dev/null +++ b/blackjack.html @@ -0,0 +1,611 @@ + + + + + + + + + + + + +
+

Blackjack

+
+ + + +
+
+ + + + + + \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..a11777c Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..5a08d8d --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +React App
\ No newline at end of file diff --git a/logo192.png b/logo192.png new file mode 100644 index 0000000..fc44b0a Binary files /dev/null and b/logo192.png differ diff --git a/logo512.png b/logo512.png new file mode 100644 index 0000000..a4e47a6 Binary files /dev/null and b/logo512.png differ diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..080d6c7 --- /dev/null +++ b/manifest.json @@ -0,0 +1,25 @@ +{ + "short_name": "React App", + "name": "Create React App Sample", + "icons": [ + { + "src": "favicon.ico", + "sizes": "64x64 32x32 24x24 16x16", + "type": "image/x-icon" + }, + { + "src": "logo192.png", + "type": "image/png", + "sizes": "192x192" + }, + { + "src": "logo512.png", + "type": "image/png", + "sizes": "512x512" + } + ], + "start_url": ".", + "display": "standalone", + "theme_color": "#000000", + "background_color": "#ffffff" +} diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..e9e57dc --- /dev/null +++ b/robots.txt @@ -0,0 +1,3 @@ +# https://www.robotstxt.org/robotstxt.html +User-agent: * +Disallow: diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/README.md b/selfthinker-CSS-Playing-Cards-7e0e0f2/README.md new file mode 100644 index 0000000..e79e781 --- /dev/null +++ b/selfthinker-CSS-Playing-Cards-7e0e0f2/README.md @@ -0,0 +1,91 @@ +CSS Playing Cards +================= + +CSS Playing Cards help you to create simple and semantic playing cards in (X)HTML. + +* @author Anika Henke +* @license CC BY-SA [http://creativecommons.org/licenses/by-sa/3.0] +* @version 2011-06-14 +* @link http://selfthinker.github.com/CSS-Playing-Cards/ + +Contents +-------- + +* **cards.css** is the main part and provides the styles for the cards +* **cards-ie.css** is a tiny fix for IE < 9 to make a simple version work +* **cards-ie9.css** is a fix for IE9 +* **examples.html** provides some example HTML +* **README.md** is this file +* **faces/** contains images for the faces + +How to use it +------------- + +### Surrounding container + +
+ ... +
+ +There needs to be a surrounding container with the class "playingCards" around all the cards. That container can also have other classes which serve as **configuration options**: + +* **fourColours**: Switches the default two colour deck with a four colour deck. (The colours of the German four colour deck will be different.) +* **faceImages**: Switches the default dingbat symbols for faces with images. *Note: Depending on the size of the card, you might need to adjust the image positioning of the faces in cards.css and the font-size in cards-ie9.css (search for "@change").* +* **simpleCards**: Switches the default multiple suits to one simple single big suit in the middle. +* **inText**: Switches the size to something small enough to fit into normal text and also removes the inner bits. +* **rotateHand**: Switches the hand to rotate and fan in a semi circle. + +### The back of a card + + <[element] class="card back">* + +To make the cards smaller or bigger, just change the font-size in the main "card" class in cards.css (search for "@change"). + +### The front of a card + + <[element] class="card rank-[2|3|4|5|6|7|8|9|10|j|q|k|a] [diams|hearts|spades|clubs]"> + <[element] class="rank">[2|3|4|5|6|7|8|9|10|J|Q|K|A] + <[element] class="suit">&[diams|hearts|spades|clubs]; + + +Depending on the context, the main card element should either be an **a** (for selecting single cards), a **label** (for selecting multiple cards), an **abbr** (for making a card more accessible with a title), a **div** or a **span** (for pure representation or played cards), e.g. + + <[a|label|abbr|div|span] class="card rank-a clubs" [href=""] [title=""]> + A + ♣ + [] + + +### A joker + + <[element] class="card joker [big|little]"> + <[element] class="rank">[+|-] + <[element] class="suit">Joker + + +### Different hands + + + +* **table** places the whole cards side by side. +* **hand** places them side by side, but lets them overlap, so you will only see a part of each card. If the "rotateHand" option is enabled, you'll see the cards rotated in a semi circle. +* **deck** places the cards on top of each other, so that you cannot see single cards but a pack. + +Requirements +------------ + +The CSS is only intended to work in **modern browsers** (Firefox 3.6+, Opera 10+, Chrome, Safari, IE9). +To make a basic version work in IE8, you need the provided **cards-ie.css**. And IE9 also needs a little fix, as provided in **cards-ie9.css**. + +Credits +------- + +* The faces' images are taken from [svg-cards](http://svg-cards.sourceforge.net/) +* One of the cards back images was taken from http://www.squidfingers.com/patterns/ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/cards-ie.css b/selfthinker-CSS-Playing-Cards-7e0e0f2/cards-ie.css new file mode 100644 index 0000000..046cd08 --- /dev/null +++ b/selfthinker-CSS-Playing-Cards-7e0e0f2/cards-ie.css @@ -0,0 +1,14 @@ +/** + * IE Styles for CSS Playing Cards + * + * @author Anika Henke + * @license CC BY-SA [http://creativecommons.org/licenses/by-sa/3.0] + * @version 2011-06-14 + * @link http://selfthinker.github.com/CSS-Playing-Cards/ + */ + +/* sadly, IE8 and lower cannot cope with the :nth-child(n) selector */ +.playingCards ul.hand li, +.playingCards ul.deck li { + position: static; +} diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/cards-ie9.css b/selfthinker-CSS-Playing-Cards-7e0e0f2/cards-ie9.css new file mode 100644 index 0000000..39c5231 --- /dev/null +++ b/selfthinker-CSS-Playing-Cards-7e0e0f2/cards-ie9.css @@ -0,0 +1,20 @@ +/** + * IE 9 Styles for CSS Playing Cards + * + * @author Anika Henke + * @license CC BY-SA [http://creativecommons.org/licenses/by-sa/3.0] + * @version 2011-06-14 + * @link http://selfthinker.github.com/CSS-Playing-Cards/ + */ + +/* fix for a bug in IE9 (see http://stackoverflow.com/questions/6322916/) + @change: this change also means that whenever the general font-size of a .card changes, + this value needs to be adjusted to be (3 x <.card font-size>) */ +.playingCards.simpleCards .card .suit:after, +.playingCards .card.rank-j .suit:after, +.playingCards .card.rank-q .suit:after, +.playingCards .card.rank-k .suit:after, +.playingCards .card.rank-a .suit:after, +.playingCards .card.joker .rank:after { + font-size: 3.6rem; +} diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/cards.css b/selfthinker-CSS-Playing-Cards-7e0e0f2/cards.css new file mode 100644 index 0000000..834b84c --- /dev/null +++ b/selfthinker-CSS-Playing-Cards-7e0e0f2/cards.css @@ -0,0 +1,630 @@ +/** + * Styles for CSS Playing Cards + * + * @author Anika Henke + * @license CC BY-SA [http://creativecommons.org/licenses/by-sa/3.0] + * @version 2011-06-14 + * @link http://selfthinker.github.com/CSS-Playing-Cards/ + */ + +/* card itself +********************************************************************/ + +.playingCards .card { + display: inline-block; + width: 3.3em; + height: 4.6em; + border: 1px solid #666; + border-radius: .3em; + -moz-border-radius: .3em; + -webkit-border-radius: .3em; + -khtml-border-radius: .3em; + padding: .25em; + margin: 0 .5em .5em 0; + text-align: center; + font-size: 1.2em; /* @change: adjust this value to make bigger or smaller cards */ + font-weight: normal; + font-family: Arial, sans-serif; + position: relative; + background-color: #fff; + -moz-box-shadow: .2em .2em .5em #333; + -webkit-box-shadow: .2em .2em .5em #333; + box-shadow: .2em .2em .5em #333; +} + +.playingCards a.card { + text-decoration: none; +} +/* selected and hover state */ +.playingCards a.card:hover, .playingCards a.card:active, .playingCards a.card:focus, +.playingCards label.card:hover, +.playingCards strong .card { + bottom: 1em; +} +.playingCards label.card { + cursor: pointer; +} + +.playingCards .card.back { + text-indent: -4000px; + background-color: #ccc; + background-repeat: repeat; + background-image: url(data:image/gif;base64,R0lGODlhJAAkAJEAAOjFsezdztOKbL5QKCH5BAAAAAAALAAAAAAkACQAAAL/HC4RAqm/mmLHyHmAbczB11Ea8ombJKSgKo6Z17pXFznmS1JptiX0z3vVhpEKDoUIkoa0olGIUeZUk1RI6Yn2mh/FDAt6frOrRRTqXPpsVLYugzxaVy+YcBdnoWPZOT0E4eckQtZFZBjWoHixQFWl6Nhol6R2p1Okt5TGaEWZA6fjiMdhZgPHeWrTWGVq+jTZg1HYyAEWKLYzmyiGKoUimilz+YYryyTlg5RcDJSAbNx0Q7lMcbIGEyzTK8zVdfVaImzs/QV+prYqWWW2ObkoOApM/Em/rUlIm7fijs8a2EEKEaZ3AsMUgneEU6RcpJbZ27aGHkAO2Ors8xQH1IR0Bn5YnOtVAAA7); /* image is "Pattern 069" from http://www.squidfingers.com/patterns/ */ + background-image: -moz-repeating-linear-gradient(34% 6% 135deg,#0F1E59, #75A1BF, #3E3E63 50%); + background-image: -webkit-gradient(radial, center center, 20, center center, 80, from(#3c3), color-stop(0.4, #363), to(#030)); + /* yes, it's intentional that Mozilla, Webkit, Opera and IE all will get different backgrounds ... why not? :) */ +} + +/* suit colours +********************************************************************/ + +.playingCards .card.diams { + color: #f00 !important; +} +.playingCards.fourColours .card.diams { + color: #00f !important; +} +[lang=de] .playingCards.fourColours .card.diams { + color: #f60 !important; +} +.playingCards .card.hearts { + color: #f00 !important; +} +.playingCards .card.spades { + color: #000 !important; +} +[lang=de] .playingCards.fourColours .card.spades { + color: #090 !important; +} +.playingCards .card.clubs { + color: #000 !important; +} +.playingCards.fourColours .card.clubs { + color: #090 !important; +} +[lang=de] .playingCards.fourColours .card.clubs { + color: #000 !important; +} +.playingCards .card.joker { + color: #000 !important; +} +.playingCards .card.joker.big { + color: #f00 !important; +} + +/* inner bits +********************************************************************/ + +/* top left main info (rank and suit) */ + +.playingCards .card .rank, +.playingCards .card .suit { + display: block; + line-height: 1; + text-align: left; +} +.playingCards .card .rank { +} +.playingCards .card .suit { + line-height: .7; +} + +/* checkbox */ +.playingCards .card input { + margin-top: -.05em; + font: inherit; +} +.playingCards.simpleCards .card input, +.playingCards .card.rank-j input, +.playingCards .card.rank-q input, +.playingCards .card.rank-k input, +.playingCards .card.rank-a input { + margin-top: 2.4em; +} +.playingCards.inText .card input { + margin-top: 0; +} + +/* different rank letters for different languages */ +.playingCards .card .rank:after, +.playingCards .card.joker .rank:before { + position: absolute; + top: .25em; + left: .25em; + background: #fff; +} +[lang=de] .playingCards .card.rank-j .rank:after { + content: "B"; +} +[lang=fr] .playingCards .card.rank-j .rank:after { + content: "V"; +} +[lang=de] .playingCards .card.rank-q .rank:after, +[lang=fr] .playingCards .card.rank-q .rank:after { + content: "D"; +} +[lang=fr] .playingCards .card.rank-k .rank:after { + content: "R"; +} + +/* joker (top left symbol) */ +.playingCards .card.joker .rank { + position: absolute; +} +.playingCards .card.joker .rank:before { + content: "\2605"; + top: 0; + left: 0; +} +.playingCards .card.joker .suit { + text-indent: -9999px; +} + +/* inner multiple suits */ +.playingCards .card .suit:after { + display: block; + margin-top: -.8em; + text-align: center; + white-space: pre; + line-height: .9; + font-size: 1.3em; + word-spacing: -.05em; +} + +/* make the hearts and clubs symbols fit, because they are a bit bigger than the others */ +.playingCards .card.hearts .suit:after { + word-spacing: -.15em; +} +.playingCards .card.hearts.rank-10 .suit:after { + word-spacing: -.05em; + letter-spacing: -.1em; +} +.playingCards .card.clubs.rank-10 .suit:after { + word-spacing: -.15em; +} + +/* 8, 9, 10 are the most crowded */ +.playingCards .card.rank-8 .suit:after, +.playingCards .card.rank-9 .suit:after { + letter-spacing: -.075em; +} +.playingCards .card.rank-10 .suit:after { + letter-spacing: -.1em; +} +.playingCards .card.clubs .suit:after { + letter-spacing: -.125em; +} + +/*____________ symbols in the middle (suits, full) ____________*/ + +/* diamonds */ +.playingCards .card.rank-2.diams .suit:after { + content: "\2666 \A\A\2666"; +} +.playingCards .card.rank-3.diams .suit:after { + content: "\2666 \A\2666 \A\2666"; +} +.playingCards .card.rank-4.diams .suit:after { + content: "\2666\00A0\00A0\00A0\2666 \A\A\2666\00A0\00A0\00A0\2666"; +} +.playingCards .card.rank-5.diams .suit:after { + content: "\2666\00A0\00A0\00A0\2666 \A\2666 \A\2666\00A0\00A0\00A0\2666"; +} +.playingCards .card.rank-6.diams .suit:after { + content: "\2666\00A0\00A0\00A0\2666 \A\2666\00A0\00A0\00A0\2666 \A\2666\00A0\00A0\00A0\2666"; +} +.playingCards .card.rank-7.diams .suit:after { + content: "\2666\00A0\00A0\2666 \A\2666\00A0\2666\00A0\2666 \A\2666\00A0\00A0\2666"; +} +.playingCards .card.rank-8.diams .suit:after { + content: "\2666\00A0\2666\00A0\2666 \A\2666\00A0\00A0\2666 \A\2666\00A0\2666\00A0\2666"; +} +.playingCards .card.rank-9.diams .suit:after { + content: "\2666\00A0\2666\00A0\2666 \A\2666\00A0\2666\00A0\2666 \A\2666\00A0\2666\00A0\2666"; +} +.playingCards .card.rank-10.diams .suit:after { + content: "\2666\00A0\2666\00A0\2666 \A\2666\00A0\2666\00A0\2666\00A0\2666 \A\2666\00A0\2666\00A0\2666"; +} + +/* hearts */ +.playingCards .card.rank-2.hearts .suit:after { + content: "\2665 \A\A\2665"; +} +.playingCards .card.rank-3.hearts .suit:after { + content: "\2665 \A\2665 \A\2665"; +} +.playingCards .card.rank-4.hearts .suit:after { + content: "\2665\00A0\00A0\00A0\2665 \A\A\2665\00A0\00A0\00A0\2665"; +} +.playingCards .card.rank-5.hearts .suit:after { + content: "\2665\00A0\00A0\00A0\2665 \A\2665 \A\2665\00A0\00A0\00A0\2665"; +} +.playingCards .card.rank-6.hearts .suit:after { + content: "\2665\00A0\00A0\00A0\2665 \A\2665\00A0\00A0\00A0\2665 \A\2665\00A0\00A0\00A0\2665"; +} +.playingCards .card.rank-7.hearts .suit:after { + content: "\2665\00A0\00A0\2665 \A\2665\00A0\2665\00A0\2665 \A\2665\00A0\00A0\2665"; +} +.playingCards .card.rank-8.hearts .suit:after { + content: "\2665\00A0\2665\00A0\2665 \A\2665\00A0\00A0\2665 \A\2665\00A0\2665\00A0\2665"; +} +.playingCards .card.rank-9.hearts .suit:after { + content: "\2665\00A0\2665\00A0\2665 \A\2665\00A0\2665\00A0\2665 \A\2665\00A0\2665\00A0\2665"; +} +.playingCards .card.rank-10.hearts .suit:after { + content: "\2665\00A0\2665\00A0\2665 \A\2665\00A0\2665\00A0\2665\00A0\2665 \A\2665\00A0\2665\00A0\2665"; +} + +/* spades */ +.playingCards .card.rank-2.spades .suit:after { + content: "\2660 \A\A\2660"; +} +.playingCards .card.rank-3.spades .suit:after { + content: "\2660 \A\2660 \A\2660"; +} +.playingCards .card.rank-4.spades .suit:after { + content: "\2660\00A0\00A0\00A0\2660 \A\A\2660\00A0\00A0\00A0\2660"; +} +.playingCards .card.rank-5.spades .suit:after { + content: "\2660\00A0\00A0\00A0\2660 \A\2660 \A\2660\00A0\00A0\00A0\2660"; +} +.playingCards .card.rank-6.spades .suit:after { + content: "\2660\00A0\00A0\00A0\2660 \A\2660\00A0\00A0\00A0\2660 \A\2660\00A0\00A0\00A0\2660"; +} +.playingCards .card.rank-7.spades .suit:after { + content: "\2660\00A0\00A0\2660 \A\2660\00A0\2660\00A0\2660 \A\2660\00A0\00A0\2660"; +} +.playingCards .card.rank-8.spades .suit:after { + content: "\2660\00A0\2660\00A0\2660 \A\2660\00A0\00A0\2660 \A\2660\00A0\2660\00A0\2660"; +} +.playingCards .card.rank-9.spades .suit:after { + content: "\2660\00A0\2660\00A0\2660 \A\2660\00A0\2660\00A0\2660 \A\2660\00A0\2660\00A0\2660"; +} +.playingCards .card.rank-10.spades .suit:after { + content: "\2660\00A0\2660\00A0\2660 \A\2660\00A0\2660\00A0\2660\00A0\2660 \A\2660\00A0\2660\00A0\2660"; +} + +/* clubs */ +.playingCards .card.rank-2.clubs .suit:after { + content: "\2663 \A\A\2663"; +} +.playingCards .card.rank-3.clubs .suit:after { + content: "\2663 \A\2663 \A\2663"; +} +.playingCards .card.rank-4.clubs .suit:after { + content: "\2663\00A0\00A0\00A0\2663 \A\A\2663\00A0\00A0\00A0\2663"; +} +.playingCards .card.rank-5.clubs .suit:after { + content: "\2663\00A0\00A0\00A0\2663 \A\2663 \A\2663\00A0\00A0\00A0\2663"; +} +.playingCards .card.rank-6.clubs .suit:after { + content: "\2663\00A0\00A0\00A0\2663 \A\2663\00A0\00A0\00A0\2663 \A\2663\00A0\00A0\00A0\2663"; +} +.playingCards .card.rank-7.clubs .suit:after { + content: "\2663\00A0\00A0\2663 \A\2663\00A0\2663\00A0\2663 \A\2663\00A0\00A0\2663"; +} +.playingCards .card.rank-8.clubs .suit:after { + content: "\2663\00A0\2663\00A0\2663 \A\2663\00A0\00A0\2663 \A\2663\00A0\2663\00A0\2663"; +} +.playingCards .card.rank-9.clubs .suit:after { + content: "\2663\00A0\2663\00A0\2663 \A\2663\00A0\2663\00A0\2663 \A\2663\00A0\2663\00A0\2663"; +} +.playingCards .card.rank-10.clubs .suit:after { + content: "\2663\00A0\2663\00A0\2663 \A\2663\00A0\2663\00A0\2663\00A0\2663 \A\2663\00A0\2663\00A0\2663"; +} + +/*____________ symbols in the middle (faces as images) ____________*/ + +.playingCards.faceImages .card.rank-j .suit:after, +.playingCards.faceImages .card.rank-q .suit:after, +.playingCards.faceImages .card.rank-k .suit:after { + content: ''; +} +.playingCards.faceImages .card.rank-j, +.playingCards.faceImages .card.rank-q, +.playingCards.faceImages .card.rank-k, +.playingCards.faceImages .card.joker { + background-repeat: no-repeat; + background-position: -1em 0; + /* @change: smaller cards: more negative distance from the left + bigger cards: 0 or more positive distance from the left */ + + /* for a centered full background image: + background-position: .35em 0; + -moz-background-size: contain; + -o-background-size: contain; + -webkit-background-size: contain; + -khtml-background-size: contain; + background-size: contain; + */ +} + +.playingCards.faceImages .card.rank-j.diams { background-image: url(faces/JD.gif); } +.playingCards.faceImages .card.rank-j.hearts { background-image: url(faces/JH.gif); } +.playingCards.faceImages .card.rank-j.spades { background-image: url(faces/JS.gif); } +.playingCards.faceImages .card.rank-j.clubs { background-image: url(faces/JC.gif); } + +.playingCards.faceImages .card.rank-q.diams { background-image: url(faces/QD.gif); } +.playingCards.faceImages .card.rank-q.hearts { background-image: url(faces/QH.gif); } +.playingCards.faceImages .card.rank-q.spades { background-image: url(faces/QS.gif); } +.playingCards.faceImages .card.rank-q.clubs { background-image: url(faces/QC.gif); } + +.playingCards.faceImages .card.rank-k.diams { background-image: url(faces/KD.gif); } +.playingCards.faceImages .card.rank-k.hearts { background-image: url(faces/KH.gif); } +.playingCards.faceImages .card.rank-k.spades { background-image: url(faces/KS.gif); } +.playingCards.faceImages .card.rank-k.clubs { background-image: url(faces/KC.gif); } + +.playingCards.faceImages .card.joker { background-image: url(faces/joker.gif); } +.playingCards.simpleCards .card.rank-j, +.playingCards.simpleCards .card.rank-q, +.playingCards.simpleCards .card.rank-k { background-image: none !important; } + +/*____________ symbols in the middle (faces as dingbat symbols) ____________*/ + +.playingCards.simpleCards .card .suit:after, +.playingCards .card.rank-j .suit:after, +.playingCards .card.rank-q .suit:after, +.playingCards .card.rank-k .suit:after, +.playingCards .card.rank-a .suit:after, +.playingCards .card.joker .rank:after { + font-family: Georgia, serif; + position: absolute; + font-size: 3em; + right: .1em; + bottom: .25em; + word-spacing: normal; + letter-spacing: normal; + line-height: 1; +} +.playingCards .card.rank-j .suit:after { + content: "\265F"; + right: .15em; +} +.playingCards .card.rank-q .suit:after { + content: "\265B"; +} +.playingCards .card.rank-k .suit:after { + content: "\265A"; +} +/* joker (inner symbol) */ +.playingCards.faceImages .card.joker .rank:after { + content: ""; +} +.playingCards .card.joker .rank:after { + position: absolute; + content: "\2766"; + top: .4em; + left: .1em; +} + +/* big suits in middle */ +.playingCards.simpleCards .card .suit:after, +.playingCards .card.rank-a .suit:after { + font-family: Arial, sans-serif; + line-height: .9; + bottom: .35em; +} +.playingCards.simpleCards .card.diams .suit:after, +.playingCards .card.rank-a.diams .suit:after { + content: "\2666"; + right: .4em; +} +.playingCards.simpleCards .card.hearts .suit:after, +.playingCards .card.rank-a.hearts .suit:after { + content: "\2665"; + right: .35em; +} +.playingCards.simpleCards .card.spades .suit:after, +.playingCards .card.rank-a.spades .suit:after { + content: "\2660"; + right: .35em; +} +.playingCards.simpleCards .card.clubs .suit:after, +.playingCards .card.rank-a.clubs .suit:after { + content: "\2663"; + right: .3em; +} + +/*____________ smaller cards for use inside text ____________*/ + +.playingCards.inText .card { + font-size: .4em; + vertical-align: middle; +} +.playingCards.inText .card span.rank, +.playingCards.inText .card span.suit { + text-align: center; +} +.playingCards.inText .card span.rank { + font-size: 2em; + margin-top: .2em; +} +.playingCards.inText .card span.suit { + font-size: 2.5em; +} +.playingCards.inText .card .suit:after, +.playingCards.inText .card.joker .rank:after { + content: "" !important; +} +.playingCards.inText .card .rank:after { + left: .5em; + padding: 0 .1em; +} + + +/* hand (in your hand or on table or as a deck) +********************************************************************/ + +.playingCards ul.table, +.playingCards ul.hand, +.playingCards ul.deck { + list-style-type: none; + padding: 0; + margin: 0 0 1.5em 0; + position: relative; + clear: both; +} +.playingCards ul.hand { + margin-bottom: 3.5em; +} +.playingCards ul.table li, +.playingCards ul.hand li, +.playingCards ul.deck li { + margin: 0; + padding: 0; + list-style-type: none; + float: left; +} + +.playingCards ul.hand, +.playingCards ul.deck { + height: 8em; +} +.playingCards ul.hand li, +.playingCards ul.deck li { + position: absolute; +} +.playingCards ul.hand li { + bottom: 0; +} +.playingCards ul.hand li:nth-child(1) { left: 0; } +.playingCards ul.hand li:nth-child(2) { left: 1.1em; } +.playingCards ul.hand li:nth-child(3) { left: 2.2em; } +.playingCards ul.hand li:nth-child(4) { left: 3.3em; } +.playingCards ul.hand li:nth-child(5) { left: 4.4em; } +.playingCards ul.hand li:nth-child(6) { left: 5.5em; } +.playingCards ul.hand li:nth-child(7) { left: 6.6em; } +.playingCards ul.hand li:nth-child(8) { left: 7.7em; } +.playingCards ul.hand li:nth-child(9) { left: 8.8em; } +.playingCards ul.hand li:nth-child(10) { left: 9.9em; } +.playingCards ul.hand li:nth-child(11) { left: 11em; } +.playingCards ul.hand li:nth-child(12) { left: 12.1em; } +.playingCards ul.hand li:nth-child(13) { left: 13.2em; } + +.playingCards ul.hand li:nth-child(14) { left: 14.3em; } +.playingCards ul.hand li:nth-child(15) { left: 15.4em; } +.playingCards ul.hand li:nth-child(16) { left: 16.5em; } +.playingCards ul.hand li:nth-child(17) { left: 17.6em; } +.playingCards ul.hand li:nth-child(18) { left: 18.7em; } +.playingCards ul.hand li:nth-child(19) { left: 19.8em; } +.playingCards ul.hand li:nth-child(20) { left: 20.9em; } +.playingCards ul.hand li:nth-child(21) { left: 22em; } +.playingCards ul.hand li:nth-child(22) { left: 23.1em; } +.playingCards ul.hand li:nth-child(23) { left: 24.2em; } +.playingCards ul.hand li:nth-child(24) { left: 25.3em; } +.playingCards ul.hand li:nth-child(25) { left: 26.4em; } +.playingCards ul.hand li:nth-child(26) { left: 27.5em; } + +/* rotate cards if rotateHand option is on */ +.playingCards.rotateHand ul.hand li:nth-child(1) { + -moz-transform: translate(1.9em, .9em) rotate(-42deg); + -webkit-transform: translate(1.9em, .9em) rotate(-42deg); + -o-transform: translate(1.9em, .9em) rotate(-42deg); + transform: translate(1.9em, .9em) rotate(-42deg); +} +.playingCards.rotateHand ul.hand li:nth-child(2) { + -moz-transform: translate(1.5em, .5em) rotate(-33deg); + -webkit-transform: translate(1.5em, .5em) rotate(-33deg); + -o-transform: translate(1.5em, .5em) rotate(-33deg); + transform: translate(1.5em, .5em) rotate(-33deg); +} +.playingCards.rotateHand ul.hand li:nth-child(3) { + -moz-transform: translate(1.1em, .3em) rotate(-24deg); + -webkit-transform: translate(1.1em, .3em) rotate(-24deg); + -o-transform: translate(1.1em, .3em) rotate(-24deg); + transform: translate(1.1em, .3em) rotate(-24deg); +} +.playingCards.rotateHand ul.hand li:nth-child(4) { + -moz-transform: translate(.7em, .2em) rotate(-15deg); + -webkit-transform: translate(.7em, .2em) rotate(-15deg); + -o-transform: translate(.7em, .2em) rotate(-15deg); + transform: translate(.7em, .2em) rotate(-15deg); +} +.playingCards.rotateHand ul.hand li:nth-child(5) { + -moz-transform: translate(.3em, .1em) rotate(-6deg); + -webkit-transform: translate(.3em, .1em) rotate(-6deg); + -o-transform: translate(.3em, .1em) rotate(-6deg); + transform: translate(.3em, .1em) rotate(-6deg); +} +.playingCards.rotateHand ul.hand li:nth-child(6) { + -moz-transform: translate(-.1em, .1em) rotate(3deg); + -webkit-transform: translate(-.1em, .1em) rotate(3deg); + -o-transform: translate(-.1em, .1em) rotate(3deg); + transform: translate(-.1em, .1em) rotate(3deg); +} +.playingCards.rotateHand ul.hand li:nth-child(7) { + -moz-transform: translate(-.5em, .2em) rotate(12deg); + -webkit-transform: translate(-.5em, .2em) rotate(12deg); + -o-transform: translate(-.5em, .2em) rotate(12deg); + transform: translate(-.5em, .2em) rotate(12deg); +} +.playingCards.rotateHand ul.hand li:nth-child(8) { + -moz-transform: translate(-.9em, .3em) rotate(21deg); + -webkit-transform: translate(-.9em, .3em) rotate(21deg); + -o-transform: translate(-.9em, .3em) rotate(21deg); + transform: translate(-.9em, .3em) rotate(21deg); +} +.playingCards.rotateHand ul.hand li:nth-child(9) { + -moz-transform: translate(-1.3em, .6em) rotate(30deg); + -webkit-transform: translate(-1.3em, .6em) rotate(30deg); + -o-transform: translate(-1.3em, .6em) rotate(30deg); + transform: translate(-1.3em, .6em) rotate(30deg); +} +.playingCards.rotateHand ul.hand li:nth-child(10) { + -moz-transform: translate(-1.7em, 1em) rotate(39deg); + -webkit-transform: translate(-1.7em, 1em) rotate(39deg); + -o-transform: translate(-1.7em, 1em) rotate(39deg); + transform: translate(-1.7em, 1em) rotate(39deg); +} +.playingCards.rotateHand ul.hand li:nth-child(11) { + -moz-transform: translate(-2.2em, 1.5em) rotate(48deg); + -webkit-transform: translate(-2.2em, 1.5em) rotate(48deg); + -o-transform: translate(-2.2em, 1.5em) rotate(48deg); + transform: translate(-2.2em, 1.5em) rotate(48deg); +} +.playingCards.rotateHand ul.hand li:nth-child(12) { + -moz-transform: translate(-2.8em, 2.1em) rotate(57deg); + -webkit-transform: translate(-2.8em, 2.1em) rotate(57deg); + -o-transform: translate(-2.8em, 2.1em) rotate(57deg); + transform: translate(-2.8em, 2.1em) rotate(57deg); +} +.playingCards.rotateHand ul.hand li:nth-child(13) { + -moz-transform: translate(-3.5em, 2.8em) rotate(66deg); + -webkit-transform: translate(-3.5em, 2.8em) rotate(66deg); + -o-transform: translate(-3.5em, 2.8em) rotate(66deg); + transform: translate(-3.5em, 2.8em) rotate(66deg); +} + +/* deck */ +.playingCards ul.deck li:nth-child(1) { left: 0; bottom: 0; } +.playingCards ul.deck li:nth-child(2) { left: 2px; bottom: 1px; } +.playingCards ul.deck li:nth-child(3) { left: 4px; bottom: 2px; } +.playingCards ul.deck li:nth-child(4) { left: 6px; bottom: 3px; } +.playingCards ul.deck li:nth-child(5) { left: 8px; bottom: 4px; } +.playingCards ul.deck li:nth-child(6) { left: 10px; bottom: 5px; } +.playingCards ul.deck li:nth-child(7) { left: 12px; bottom: 6px; } +.playingCards ul.deck li:nth-child(8) { left: 14px; bottom: 7px; } +.playingCards ul.deck li:nth-child(9) { left: 16px; bottom: 8px; } +.playingCards ul.deck li:nth-child(10) { left: 18px; bottom: 9px; } +.playingCards ul.deck li:nth-child(11) { left: 20px; bottom: 10px; } +.playingCards ul.deck li:nth-child(12) { left: 22px; bottom: 11px; } +.playingCards ul.deck li:nth-child(13) { left: 24px; bottom: 12px; } +.playingCards ul.deck li:nth-child(14) { left: 26px; bottom: 13px; } +.playingCards ul.deck li:nth-child(15) { left: 28px; bottom: 14px; } +.playingCards ul.deck li:nth-child(16) { left: 30px; bottom: 15px; } +.playingCards ul.deck li:nth-child(17) { left: 32px; bottom: 16px; } +.playingCards ul.deck li:nth-child(18) { left: 34px; bottom: 17px; } +.playingCards ul.deck li:nth-child(19) { left: 36px; bottom: 18px; } +.playingCards ul.deck li:nth-child(20) { left: 38px; bottom: 19px; } +.playingCards ul.deck li:nth-child(21) { left: 40px; bottom: 20px; } +.playingCards ul.deck li:nth-child(22) { left: 42px; bottom: 21px; } +.playingCards ul.deck li:nth-child(23) { left: 44px; bottom: 22px; } +.playingCards ul.deck li:nth-child(24) { left: 46px; bottom: 23px; } +.playingCards ul.deck li:nth-child(25) { left: 48px; bottom: 24px; } +.playingCards ul.deck li:nth-child(26) { left: 50px; bottom: 25px; } +.playingCards ul.deck li:nth-child(27) { left: 52px; bottom: 26px; } +.playingCards ul.deck li:nth-child(28) { left: 54px; bottom: 27px; } +.playingCards ul.deck li:nth-child(29) { left: 56px; bottom: 28px; } +.playingCards ul.deck li:nth-child(30) { left: 58px; bottom: 29px; } +.playingCards ul.deck li:nth-child(31) { left: 60px; bottom: 30px; } +.playingCards ul.deck li:nth-child(32) { left: 62px; bottom: 31px; } diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/examples.html b/selfthinker-CSS-Playing-Cards-7e0e0f2/examples.html new file mode 100644 index 0000000..bc79d5c --- /dev/null +++ b/selfthinker-CSS-Playing-Cards-7e0e0f2/examples.html @@ -0,0 +1,590 @@ + + + + + + CSS Playing Cards + + + + + + + + + + +
+ +

CSS Playing Cards

+ +

CSS Playing Cards help you to create simple and semantic playing cards in (X)HTML. This documents some examples and how to set them up.

+ +

Surrounding Container:

+ 
+<div class="playingCards">...</div>
+
+ +

With different options (default is the respective opposite):

+ 
+<div class="playingCards fourColours faceImages simpleCards inText rotateHand">...</div>
+
+ +
+

Options:

+
    +
  • fourColours
    • +
  • faceImages
    • +
  • simpleCards
    • +
  • inText
    • +
  • rotateHand
    • +
+

Languages:

+
    +
  • en
    • +
  • de
    • +
  • fr
    • +
+
+ + +

Single Cards

+ +

Back

+ +
*
+ 
+<div class="card back">*</div>
+
+
+ +

Front

+ +
+ 7 + ♠ +
+ 
+<div class="card rank-7 spades">
+    <span class="rank">7</span>
+    <span class="suit">&spades;</span>
+</div>
+
+
+ +

A Joker

+ +
+ - + Joker +
+ 
+<div class="card little joker">
+    <span class="rank">-</span>
+    <span class="suit">Joker</span>
+</div>
+
+
+ +

Selected

+ + + + A + ♣ + + + 
+<strong>
+    <span class="card rank-a clubs">
+        <span class="rank">A</span>
+        <span class="suit">&clubs;</span>
+    </span>
+</strong>
+
+
+ +

As a Link (for selecting single cards)

+ + + Q + ♥ + + 
+<a class="card rank-q hearts" href="#">
+    <span class="rank">Q</span>
+    <span class="suit">&hearts;</span>
+</a>
+
+
+ +

As a Label with Checkbox (for selecting multiple cards)

+ + + 
+<label for="c-2D" class="card rank-2 diams">
+    <span class="rank">2</span>
+    <span class="suit">&diams;</span>
+    <input type="checkbox" name="c-2D" id="c-2D" value="select" />
+</label>
+
+
+ +

Different Hands

+ + +

Lying on the Table

+ + 
+<ul class="table">
+    <li>...card...</li>
+    ...
+</ul>
+
+ + +
+ + + +

In your Hand

+ +
+<ul class="hand">
+    <li>...card...</li>
+    ...
+</ul>
+
+ + +
+ + + +

A Deck

+ +
+<ul class="deck">
+    <li>...card...</li>
+    ...
+</ul>
+
+ +
    +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
  • +
    *
    +
    • +
+
+ + + +

A Full Set

+ +
    +
  • +
    2♦
    +
    • +
  • +
    3♦
    +
    • +
  • +
    4♦
    +
    • +
  • +
    5♦
    +
    • +
  • +
    6♦
    +
    • +
  • +
    7♦
    +
    • +
  • +
    8♦
    +
    • +
  • +
    9♦
    +
    • +
  • +
    10♦
    +
    • +
  • +
    J♦
    +
    • +
  • +
    Q♦
    +
    • +
  • +
    K♦
    +
    • +
  • +
    A♦
    +
    • +
+ +
    +
  • +
    2♥
    +
    • +
  • +
    3♥
    +
    • +
  • +
    4♥
    +
    • +
  • +
    5♥
    +
    • +
  • +
    6♥
    +
    • +
  • +
    7♥
    +
    • +
  • +
    8♥
    +
    • +
  • +
    9♥
    +
    • +
  • +
    10♥
    +
    • +
  • +
    J♥
    +
    • +
  • +
    Q♥
    +
    • +
  • +
    K♥
    +
    • +
  • +
    A♥
    +
    • +
+ +
    +
  • +
    2♠
    +
    • +
  • +
    3♠
    +
    • +
  • +
    4♠
    +
    • +
  • +
    5♠
    +
    • +
  • +
    6♠
    +
    • +
  • +
    7♠
    +
    • +
  • +
    8♠
    +
    • +
  • +
    9♠
    +
    • +
  • +
    10♠
    +
    • +
  • +
    J♠
    +
    • +
  • +
    Q♠
    +
    • +
  • +
    K♠
    +
    • +
  • +
    A♠
    +
    • +
+ +
    +
  • +
    2♣
    +
    • +
  • +
    3♣
    +
    • +
  • +
    4♣
    +
    • +
  • +
    5♣
    +
    • +
  • +
    6♣
    +
    • +
  • +
    7♣
    +
    • +
  • +
    8♣
    +
    • +
  • +
    9♣
    +
    • +
  • +
    10♣
    +
    • +
  • +
    J♣
    +
    • +
  • +
    Q♣
    +
    • +
  • +
    K♣
    +
    • +
  • +
    A♣
    +
    • +
+ +
    +
  • +
    +Joker
    +
    • +
  • +
    -Joker
    +
    • +
  • +
    *
    +
    • +
+
+ +
+ + + diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JC.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JC.gif new file mode 100644 index 0000000..c632b63 Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JC.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JD.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JD.gif new file mode 100644 index 0000000..ff313c5 Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JD.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JH.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JH.gif new file mode 100644 index 0000000..fd618ef Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JH.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JS.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JS.gif new file mode 100644 index 0000000..9603cab Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/JS.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KC.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KC.gif new file mode 100644 index 0000000..1b84725 Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KC.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KD.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KD.gif new file mode 100644 index 0000000..ffd328c Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KD.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KH.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KH.gif new file mode 100644 index 0000000..5d22d6d Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KH.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KS.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KS.gif new file mode 100644 index 0000000..0c8a84c Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/KS.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QC.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QC.gif new file mode 100644 index 0000000..df980d9 Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QC.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QD.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QD.gif new file mode 100644 index 0000000..e70191a Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QD.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QH.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QH.gif new file mode 100644 index 0000000..4e0af7e Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QH.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QS.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QS.gif new file mode 100644 index 0000000..feaf9e6 Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/QS.gif differ diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/README b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/README new file mode 100644 index 0000000..51b05ca --- /dev/null +++ b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/README @@ -0,0 +1,5 @@ +These images were adjusted from: + +SVG-cards [http://svg-cards.sourceforge.net/] +by David Bellot +under LGPL [http://www.gnu.org/licenses/lgpl-2.1.html] diff --git a/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/joker.gif b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/joker.gif new file mode 100644 index 0000000..3793689 Binary files /dev/null and b/selfthinker-CSS-Playing-Cards-7e0e0f2/faces/joker.gif differ diff --git a/static/css/main.14cd0923.css b/static/css/main.14cd0923.css new file mode 100644 index 0000000..a83933e --- /dev/null +++ b/static/css/main.14cd0923.css @@ -0,0 +1,2 @@ +body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0}.app{color:#fff}.app,.tabs{background-color:initial}.tabs{display:flex;justify-content:flex-end;left:0;padding:10px;position:fixed;right:0;top:0;z-index:100}.tab{border-radius:5px;cursor:pointer;margin-left:10px;padding:8px;transition:background-color .3s}.tab:hover{background-color:#555}.tab.active{background:linear-gradient(90deg,#424bad,#cc3131)}#education,#welcome-no-highlight{background-color:initial;min-height:50vh!important}#experience,#projects{min-height:50vh!important}#projects,#skills{background-color:initial}#skills{min-height:75vh!important}#contacts{background-color:initial;min-height:50vh!important}.welcome-container{overflow:hidden}.welcome,.welcome-container{background-color:initial;position:relative}.welcome{height:100vh;justify-content:center}.view-portfolio-btn,.welcome{align-items:center;display:flex;flex-direction:column}.view-portfolio-btn{background:linear-gradient(90deg,#424bad,#cc3131);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px;transition:background-color .3s,transform .3s}.view-portfolio-btn:hover{background-color:#555;transform:translateY(-5px)}.view-portfolio-btn svg{margin-top:5px}canvas{left:0;pointer-events:none;position:fixed;top:0;z-index:-1}.header-container{margin:0 auto;max-width:600px;max-width:800px}.header-background-blue{background:#424bad}.header-background-blue,.header-background-red{align-items:center;border-radius:15px;display:flex;justify-content:center;padding:20px}.header-background-red{background:#cc3131}.section-header .icon{font-size:32px;margin-right:10px}.section-header h2{color:#fff;font-size:42px;margin:0}.education-details{margin-top:20px}#experience{background-color:initial;color:#fff;padding:40px;text-align:center}.experience-item{align-items:center;display:flex;margin-bottom:40px}.experience-item img{height:auto;margin-right:20px;width:100px}.experience-item h3{font-size:24px;margin-right:auto}.experience-item .bullet-points{margin-top:10px;text-align:left} +/*# sourceMappingURL=main.14cd0923.css.map*/ \ No newline at end of file diff --git a/static/css/main.14cd0923.css.map b/static/css/main.14cd0923.css.map new file mode 100644 index 0000000..90ba8df --- /dev/null +++ b/static/css/main.14cd0923.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.14cd0923.css","mappings":"AAAA,KAKE,kCAAmC,CACnC,iCAAkC,CAJlC,mIAKF,CAEA,KACE,uEAEF,CCZA,KAEE,4BAAgC,CADhC,QAEF,CAEA,KAEE,UACF,CAWA,WAbE,wBAuBF,CAVA,MAME,YAAa,CACb,wBAAyB,CAJzB,MAAO,CAKP,YAAa,CAPb,cAAe,CAGf,OAAQ,CAFR,KAAM,CAON,WACF,CAEA,KAIE,iBAAkB,CAFlB,cAAe,CADf,gBAAiB,CAEjB,WAAY,CAEZ,+BACF,CAEA,WACE,qBACF,CAEA,YACE,iDACF,CAMA,iCACE,wBAA6B,CAC7B,yBACF,CAOA,sBAHE,yBAMF,CAEA,kBAJE,wBAOF,CAHA,QAEE,yBACF,CAEA,UACE,wBAA6B,CAC7B,yBACF,CAEA,mBAEE,eAEF,CAEA,4BAHE,wBAA6B,CAF7B,iBAaF,CARA,SACE,YAAa,CAIb,sBAGF,CAEA,6BANE,kBAAmB,CAFnB,YAAa,CACb,qBAmBF,CAZA,oBASE,iDAAmD,CAFnD,WAAY,CACZ,iBAAkB,CAElB,UAAW,CALX,cAAe,CAJf,eAAgB,CAKhB,YAAa,CAKb,6CACF,CAEA,0BACE,qBAAsB,CACtB,0BACF,CAEA,wBACE,cACF,CAEA,OAGE,MAAO,CAEP,mBAAoB,CAJpB,cAAe,CACf,KAAM,CAEN,UAEF,CAEA,kBAOE,aAAc,CANd,eAAgB,CAKhB,eAHF,CAOA,wBACE,kBAMF,CACA,+CAHE,kBAAmB,CAHnB,kBAAmB,CAEnB,YAAa,CAEb,sBAAuB,CAHvB,YAYF,CAPA,uBACE,kBAMF,CAEA,sBAEE,cAAe,CADf,iBAEF,CAEA,mBACE,UAAW,CAEX,cAAe,CADf,QAEF,CAEA,mBACE,eACF,CACA,YACE,wBAA6B,CAE7B,UAAW,CADX,YAAa,CAEb,iBACF,CACA,iBAEE,kBAAmB,CADnB,YAAa,CAEb,kBACF,CAEA,qBAEE,WAAY,CACZ,iBAAkB,CAFlB,WAGF,CAEA,oBACE,cAAe,CACf,iBACF,CAEA,gCACE,eAAgB,CAChB,eACF","sources":["index.css","App.css"],"sourcesContent":["body {\r\n margin: 0;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n","body {\r\n margin: 0;\r\n font-family: 'Arial', sans-serif;\r\n}\r\n\r\n.app {\r\n background-color: transparent;\r\n color: #fff;\r\n}\r\n\r\n.welcome {\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: transparent;\r\n position: relative;\r\n}\r\n\r\n.tabs {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background-color: transparent;\r\n display: flex;\r\n justify-content: flex-end;\r\n padding: 10px;\r\n z-index: 100;\r\n}\r\n\r\n.tab {\r\n margin-left: 10px;\r\n cursor: pointer;\r\n padding: 8px;\r\n border-radius: 5px;\r\n transition: background-color 0.3s;\r\n}\r\n\r\n.tab:hover {\r\n background-color: #555;\r\n}\r\n\r\n.tab.active {\r\n background: linear-gradient(90deg, #424bad,#cc3131);\r\n}\r\n\r\n#welcome-no-highlight {\r\n background-color: transparent;\r\n min-height: 50vh !important; \r\n}\r\n#education {\r\n background-color: transparent;\r\n min-height: 50vh !important; \r\n}\r\n\r\n#experience {\r\n background-color: transparent;\r\n min-height: 50vh !important; \r\n}\r\n\r\n#projects {\r\n background-color: transparent;\r\n min-height: 50vh !important; \r\n}\r\n\r\n#skills {\r\n background-color: transparent;\r\n min-height: 75vh !important; \r\n}\r\n\r\n#contacts {\r\n background-color: transparent;\r\n min-height: 50vh !important; \r\n}\r\n\r\n.welcome-container {\r\n position: relative;\r\n overflow: hidden;\r\n background-color: transparent;\r\n}\r\n\r\n.welcome {\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n background-color: transparent;\r\n}\r\n\r\n.view-portfolio-btn {\r\n margin-top: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n cursor: pointer;\r\n padding: 10px;\r\n border: none;\r\n border-radius: 5px;\r\n background: linear-gradient(90deg, #424bad,#cc3131);\r\n color: #fff;\r\n transition: background-color 0.3s, transform 0.3s;\r\n}\r\n\r\n.view-portfolio-btn:hover {\r\n background-color: #555;\r\n transform: translateY(-5px);\r\n}\r\n\r\n.view-portfolio-btn svg {\r\n margin-top: 5px;\r\n}\r\n\r\ncanvas {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: -1;\r\n pointer-events: none;\r\n}\r\n\r\n.header-container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n}\r\n\r\n.header-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n}\r\n\r\n.header-background-blue{\r\n background: #424bad;\r\n border-radius: 15px;\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.header-background-red{\r\n background: #cc3131;\r\n border-radius: 15px;\r\n padding: 20px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.section-header .icon {\r\n margin-right: 10px;\r\n font-size: 32px;\r\n}\r\n\r\n.section-header h2 {\r\n color: #fff;\r\n margin: 0;\r\n font-size: 42px; /* Adjust the font size as needed */\r\n}\r\n\r\n.education-details {\r\n margin-top: 20px;\r\n}\r\n#experience {\r\n background-color: transparent;\r\n padding: 40px;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n.experience-item {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.experience-item img {\r\n width: 100px; /* Adjust the width of the company logo */\r\n height: auto;\r\n margin-right: 20px; /* Space between the logo and text */\r\n}\r\n\r\n.experience-item h3 {\r\n font-size: 24px; /* Increase the font size for better readability */\r\n margin-right: auto; /* Push the date section to the right */\r\n}\r\n\r\n.experience-item .bullet-points {\r\n margin-top: 10px;\r\n text-align: left;\r\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/787.7da95b79.chunk.js b/static/js/787.7da95b79.chunk.js new file mode 100644 index 0000000..7416601 --- /dev/null +++ b/static/js/787.7da95b79.chunk.js @@ -0,0 +1,2 @@ +"use strict";(self.webpackChunkportfolio=self.webpackChunkportfolio||[]).push([[787],{787:(e,t,n)=>{n.r(t),n.d(t,{getCLS:()=>y,getFCP:()=>g,getFID:()=>C,getLCP:()=>P,getTTFB:()=>D});var i,r,a,o,u=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:"v2-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12)}},c=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if("first-input"===e&&!("PerformanceEventTiming"in self))return;var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},f=function(e,t){var n=function n(i){"pagehide"!==i.type&&"hidden"!==document.visibilityState||(e(i),t&&(removeEventListener("visibilitychange",n,!0),removeEventListener("pagehide",n,!0)))};addEventListener("visibilitychange",n,!0),addEventListener("pagehide",n,!0)},s=function(e){addEventListener("pageshow",(function(t){t.persisted&&e(t)}),!0)},m=function(e,t,n){var i;return function(r){t.value>=0&&(r||n)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},v=-1,p=function(){return"hidden"===document.visibilityState?0:1/0},d=function(){f((function(e){var t=e.timeStamp;v=t}),!0)},l=function(){return v<0&&(v=p(),d(),s((function(){setTimeout((function(){v=p(),d()}),0)}))),{get firstHiddenTime(){return v}}},g=function(e,t){var n,i=l(),r=u("FCP"),a=function(e){"first-contentful-paint"===e.name&&(f&&f.disconnect(),e.startTime-1&&e(t)},r=u("CLS",0),a=0,o=[],v=function(e){if(!e.hadRecentInput){var t=o[0],i=o[o.length-1];a&&e.startTime-i.startTime<1e3&&e.startTime-t.startTime<5e3?(a+=e.value,o.push(e)):(a=e.value,o=[e]),a>r.value&&(r.value=a,r.entries=o,n())}},p=c("layout-shift",v);p&&(n=m(i,r,t),f((function(){p.takeRecords().map(v),n(!0)})),s((function(){a=0,T=-1,r=u("CLS",0),n=m(i,r,t)})))},E={passive:!0,capture:!0},w=new Date,L=function(e,t){i||(i=t,r=e,a=new Date,F(removeEventListener),S())},S=function(){if(r>=0&&r1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?function(e,t){var n=function(){L(e,t),r()},i=function(){r()},r=function(){removeEventListener("pointerup",n,E),removeEventListener("pointercancel",i,E)};addEventListener("pointerup",n,E),addEventListener("pointercancel",i,E)}(t,e):L(t,e)}},F=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach((function(t){return e(t,b,E)}))},C=function(e,t){var n,a=l(),v=u("FID"),p=function(e){e.startTimeperformance.now())return;n.entries=[t],e(n)}catch(e){}},"complete"===document.readyState?setTimeout(t,0):addEventListener("load",(function(){return setTimeout(t,0)}))}}}]); +//# sourceMappingURL=787.7da95b79.chunk.js.map \ No newline at end of file diff --git a/static/js/787.7da95b79.chunk.js.map b/static/js/787.7da95b79.chunk.js.map new file mode 100644 index 0000000..585b654 --- /dev/null +++ b/static/js/787.7da95b79.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"file":"static/js/787.7da95b79.chunk.js","mappings":"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","sources":["../node_modules/web-vitals/dist/web-vitals.js"],"sourcesContent":["var e,t,n,i,r=function(e,t){return{name:e,value:void 0===t?-1:t,delta:0,entries:[],id:\"v2-\".concat(Date.now(),\"-\").concat(Math.floor(8999999999999*Math.random())+1e12)}},a=function(e,t){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){if(\"first-input\"===e&&!(\"PerformanceEventTiming\"in self))return;var n=new PerformanceObserver((function(e){return e.getEntries().map(t)}));return n.observe({type:e,buffered:!0}),n}}catch(e){}},o=function(e,t){var n=function n(i){\"pagehide\"!==i.type&&\"hidden\"!==document.visibilityState||(e(i),t&&(removeEventListener(\"visibilitychange\",n,!0),removeEventListener(\"pagehide\",n,!0)))};addEventListener(\"visibilitychange\",n,!0),addEventListener(\"pagehide\",n,!0)},u=function(e){addEventListener(\"pageshow\",(function(t){t.persisted&&e(t)}),!0)},c=function(e,t,n){var i;return function(r){t.value>=0&&(r||n)&&(t.delta=t.value-(i||0),(t.delta||void 0===i)&&(i=t.value,e(t)))}},f=-1,s=function(){return\"hidden\"===document.visibilityState?0:1/0},m=function(){o((function(e){var t=e.timeStamp;f=t}),!0)},v=function(){return f<0&&(f=s(),m(),u((function(){setTimeout((function(){f=s(),m()}),0)}))),{get firstHiddenTime(){return f}}},d=function(e,t){var n,i=v(),o=r(\"FCP\"),f=function(e){\"first-contentful-paint\"===e.name&&(m&&m.disconnect(),e.startTime-1&&e(t)},f=r(\"CLS\",0),s=0,m=[],v=function(e){if(!e.hadRecentInput){var t=m[0],i=m[m.length-1];s&&e.startTime-i.startTime<1e3&&e.startTime-t.startTime<5e3?(s+=e.value,m.push(e)):(s=e.value,m=[e]),s>f.value&&(f.value=s,f.entries=m,n())}},h=a(\"layout-shift\",v);h&&(n=c(i,f,t),o((function(){h.takeRecords().map(v),n(!0)})),u((function(){s=0,l=-1,f=r(\"CLS\",0),n=c(i,f,t)})))},T={passive:!0,capture:!0},y=new Date,g=function(i,r){e||(e=r,t=i,n=new Date,w(removeEventListener),E())},E=function(){if(t>=0&&t1e12?new Date:performance.now())-e.timeStamp;\"pointerdown\"==e.type?function(e,t){var n=function(){g(e,t),r()},i=function(){r()},r=function(){removeEventListener(\"pointerup\",n,T),removeEventListener(\"pointercancel\",i,T)};addEventListener(\"pointerup\",n,T),addEventListener(\"pointercancel\",i,T)}(t,e):g(t,e)}},w=function(e){[\"mousedown\",\"keydown\",\"touchstart\",\"pointerdown\"].forEach((function(t){return e(t,S,T)}))},L=function(n,f){var s,m=v(),d=r(\"FID\"),p=function(e){e.startTimeperformance.now())return;n.entries=[t],e(n)}catch(e){}},\"complete\"===document.readyState?setTimeout(t,0):addEventListener(\"load\",(function(){return setTimeout(t,0)}))};export{h as getCLS,d as getFCP,L as getFID,F as getLCP,P as getTTFB};\n"],"names":["e","t","n","i","r","name","value","delta","entries","id","concat","Date","now","Math","floor","random","a","PerformanceObserver","supportedEntryTypes","includes","self","getEntries","map","observe","type","buffered","o","document","visibilityState","removeEventListener","addEventListener","u","persisted","c","f","s","m","timeStamp","v","setTimeout","firstHiddenTime","d","disconnect","startTime","push","window","performance","getEntriesByName","requestAnimationFrame","p","l","h","hadRecentInput","length","takeRecords","T","passive","capture","y","g","w","E","entryType","target","cancelable","processingStart","forEach","S","L","b","F","once","P","getEntriesByType","timing","max","navigationStart","responseStart","readyState"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.15e6f828.js b/static/js/main.15e6f828.js new file mode 100644 index 0000000..a2ff60b --- /dev/null +++ b/static/js/main.15e6f828.js @@ -0,0 +1,3 @@ +/*! For license information please see main.15e6f828.js.LICENSE.txt */ +(()=>{"use strict";var e={463:(e,n,t)=>{var r=t(791),l=t(296);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t