From d832ea6806c97bfc3f93875a088bb41fa0a3b1b2 Mon Sep 17 00:00:00 2001 From: "DESKTOP-DRCSSPA\\Zintis" Date: Thu, 21 Mar 2024 23:49:06 -0400 Subject: [PATCH] maybe done? --- about.html | 99 +++++++++++++++++++++++++-------- addMenu.js | 2 +- contact.html | 116 +++++++++++++++++++++++++++++++-------- data/aboutData.js | 25 ++++----- data/gameData.js | 82 ++++++++++++++++++++++++++++ data/games.json | 136 ---------------------------------------------- data/workData.js | 3 +- games.html | 110 ++++++++++++++++++++++++++++++++++++- index.css | 30 +++++++++- work.html | 97 +++++++++++++++++++++++++++------ 10 files changed, 481 insertions(+), 219 deletions(-) create mode 100644 data/gameData.js delete mode 100644 data/games.json diff --git a/about.html b/about.html index 103bfa9..b2f1721 100644 --- a/about.html +++ b/about.html @@ -17,27 +17,9 @@
- - -
-
- -
-
-

Hi, - my name is Zintis.
I'm a programmer,
game designer,
teacher,
tutor,
and mentor

-
-
- -
-
-

Hi, - my name is Zintis.
I'm a programmer,
game designer,
teacher,
tutor,
and mentor

-
-
- -
+

About Me

+
@@ -45,9 +27,9 @@ + \ No newline at end of file diff --git a/addMenu.js b/addMenu.js index f438944..a97279d 100644 --- a/addMenu.js +++ b/addMenu.js @@ -43,7 +43,7 @@ function buildMenu(buildTarget) { let link = document.createElement("a"); link.href = `${page}.html`; link.innerHTML = ` - + ${page.toUpperCase()} `; menuBar.appendChild(link); diff --git a/contact.html b/contact.html index 03ae015..a75f595 100644 --- a/contact.html +++ b/contact.html @@ -16,35 +16,103 @@ -
+
+ +
+

Contact Me

+

Please feel free to reach out to me.

+

Work, game design, old friends, whomever, my inbox is open.

+

Find me on + and + Twitter + + or use this little form below: +

+ +
+
+ +
+ + - \ No newline at end of file diff --git a/data/aboutData.js b/data/aboutData.js index 6ad8ef7..d3b0376 100644 --- a/data/aboutData.js +++ b/data/aboutData.js @@ -10,30 +10,29 @@ let aboutData = [ image: "PoemComber.png", title: "Student", text: [ - "The Bootcamp gave me a really strong push into the world of coding. Prior to that I was studying some C++ on my own, but found that I didn't have any direction. By focusing on Web Development, I could learn the required technologies and techniques for making websites. Not only that, but learning the programming is a never-ending (and sometimes frustrating) learning experience.", + "The Bootcamp gave me a really strong push into the world of coding. Prior to that I was studying some C++ on my own, but found that I didn't have any direction. By focusing on Web Development, I could learn the required technologies and techniques for making websites. Not only that, but learning the programming is a never-ending (and sometimes frustrating) learning experience. (2016)", ], }, { image: "zintisHoodie.jpg", title: "Junior Web Developer", text: [ - "My web dev career began as an intern at Arkadium NYC, a company that handles a plethora of online games and Microsoft's solitaire. I worked with their Inhabit Module, a tool that scrapes and dynamically generates quiz games from articles. In my time there I implemented two C# API's and a created a dynamic injectable quiz game.", + "My web dev career began as an intern at Arkadium NYC, a company that handles a plethora of online games and Microsoft's solitaire. I worked with their Inhabit Module, a tool that scrapes and dynamically generates quiz games from articles. In my time there I implemented two C# API's and a created a dynamic injectable quiz game. (2017)", ], }, { - image: "thorium2.png", - title: "Web Developer", + image: "img_2443_360.jpg", + title: "Programming TA", text: [ - "Aside from doing some freelancing, my first full time position was with Thorium Digital in 2018. They are a small web dev firm that mostly creates marketing websites. I had my hands in all kinds of sites that you can see on my Portfolio page. I ended up wearing numerous hats, one of which was to help create their technical hiring process and onboard new hires.", + "In 2018 I found myself as a TA for the same Bootcamp I was in. I really enjoyed my time teaching and made a strong impact on my students. Being passionate, supportive, and exceedingly patient helps.", + "I wish I could keep doing it, but it eats up 5 hours every Saturday, which makes weekend plans difficult. (I'm in blue in the back!)", ], }, { - image: "img_2443_360.jpg", - title: "Programming TA", + image: "thorium2.png", + title: "Web Developer", text: [ - "In 2018 I found myself as a TA for the same Bootcamp I was in. I really enjoyed my time teaching and made a strong impact on my students. Being passionate, supportive, and exceedingly patient helps.", - "I wish I could keep doing it, but it eats up 5 hours every Saturday, which makes weekend plans difficult.", - "(I'm in blue in the back!)", + "Aside from doing some freelancing, my first full time position was with Thorium Digital in 2018. They are a small web dev firm that mostly creates marketing websites. I had my hands in all kinds of sites that you can see on my Portfolio page. I ended up wearing numerous hats, one of which was to help create their technical hiring process and onboard new hires. (2018)", ], }, { @@ -47,21 +46,21 @@ let aboutData = [ image: "devx-screen-shot.png", title: "Teacher, Tutor", text: [ - "Over the pandemic many people found out new hobbies, well I found a new job, teaching! I've worked with hundreds of students in classrooms and one-on-one. It's been really gratifying getting a chance to work with people who are just starting their programming journey, just like I was some years ago.", + "Over the pandemic many people found out new hobbies, well I found a new job, teaching! I've worked with hundreds of students in classrooms and one-on-one. It's been really gratifying getting a chance to work with people who are just starting their programming journey, just like I was some years ago. I worked through Wyzant.com and the DevX online school. (2020)", ], }, { image: "atlassianA.jfif", title: "Atlassian", text: [ - "During the pandemic I got picked up by the Community team, managing community.atlassian.com. This was the highest-traffic site I had worked on up until this point, and my colleagues were fantastic. I learned a lot working in a larger tech company that I didn't see as much with UHC and Thorium. Being on a small team I also got to wear multiple hats, which is fun for me.", + "During the pandemic I got picked up by the Community team, managing community.atlassian.com. This was the highest-traffic site I had worked on up until this point, and my colleagues were fantastic. I learned a lot working in a larger tech company that I didn't see as much with UHC and Thorium. Being on a small team I also got to wear multiple hats, which is fun for me. (2021)", ], }, { image: "careers-20191203-iqb.png", title: "Front-End Team Lead", text: [ - "RCSB came out of nowhere to give me an opportunity as the Lead Developer of a small front-end team. I got to work, learn and grow around some really brilliant people, and to improve my managerial expertise. Unfortunately the academic work environment doesn't suit my style and I had to move on.", + "RCSB came out of nowhere to give me an opportunity as the Lead Developer of a small front-end team. I got to work, learn and grow around some really brilliant people, and to improve my managerial expertise. Unfortunately the academic work environment doesn't suit me and I had to move on. (2023)", ], }, ]; diff --git a/data/gameData.js b/data/gameData.js new file mode 100644 index 0000000..185dea6 --- /dev/null +++ b/data/gameData.js @@ -0,0 +1,82 @@ +let gameData = [ + { + name: "Cave Paintings", + year: 2016, + companySaleLink: "https://rnrgames.com/cave-paintings", + youtubeVideoLink: "https://www.youtube.com/watch?v=9iBpWkupsWc", + BGGpageLink: "https://boardgamegeek.com/boardgame/255712/cave-paintings", + linkURL: "/CP", + abbreviation: "CP", + description: + "Draw poorly? No matter! Cave Paintings is a drawing game where drawing poorly is the best way to play! Players have a minute to make their cave paintings, before guessing each other's.", + image: "CP.png", + }, + { + name: "Sector Z4X", + year: 2018, + youtubeVideoLink: "https://youtu.be/anlTpMSCmxk", + linkURL: "/Z4X", + abbreviation: "Z4X", + description: + "Take to the stars in this 4X space opera. Sector Z4X aims to be the most 4X board game, using streamlined euro mechanics to deliver a sci-fi civilization building experience.

The plan is to put this on Kickstarter in early 2025 (if all goes well!).", + image: "Z4X.png", + }, + { + name: "Wise Guys and Lies", + year: 2014, + youtubeVideoLink: "https://youtu.be/UAUDUzu2ybQ", + linkURL: "/WGAL", + abbreviation: "WGAL", + description: + 'Do you have what it takes to be the most devious crime boss in town? A take that card game of player politics, Wise Guys and Lies is a game where nobody believes the truth. Formerly named "Be Honest"', + image: "WGAL.png", + }, + { + name: "Huts", + year: 2014, + linkURL: "/HUTS", + description: + "A game about small islands and angry gods. In Huts, you are a tribal god, petty and cruel. You send omens, miracles and disasters to the different tribes, to have only the ones who worship you remaining.", + image: "HUTS.png", + }, + { + name: "Belief in the Old Gods", + year: 2016, + linkURL: "/BITOG", + abbreviation: "BITOG", + description: + "The Great Old Ones are forgotton monsters, sleeping in space, under the earth, at the bottom of the sea. Inspired by the works of HP Lovecraft, play as those unspeakable horrors behind the veil, manipulating cultists to carry out your wishes.", + image: "BITOG.png", + }, + { + name: "Draft Beer", + year: 2016, + youtubeVideoLink: "https://youtu.be/TBF-ou-G1Yc", + BGGpageLink: "https://boardgamegeek.com/boardgame/297367/draft-beer", + linkURL: "/DB", + abbreviation: "DB", + description: + "You've fulfilled you lifelong dream, to open a bar! But you find that all your friends have also opened bars, in the same town even! So stock your bars in this quick to learn, hard to master, pick ans pass card drafting game.", + image: "DB.png", + }, + { + name: "Flower Shop", + year: 2017, + youtubeVideoLink: "https://youtu.be/b5eSvVd-_u8", + linkURL: "/FS", + abbreviation: "FS", + description: + "Take a stroll through a greenhouse to make the most beautiful bouquets for you clients. Flower Shop is a easy to learn card game that uses clear cards to create floral arrangements.", + image: "FS.png", + }, + { + name: "Drawing Lots", + year: 2018, + linkURL: "/DL", + description: + 'Drawing Lots is a "Flip and Write" style game. Players bid money in order to gain blueprints or empty lots on the grid. With the right combinations of lots and blueprints, they can develop the town into a sprawling city.', + image: "DL.png", + }, +]; + +gameData.sort((a, b) => a.year < b.year); diff --git a/data/games.json b/data/games.json deleted file mode 100644 index 64756a3..0000000 --- a/data/games.json +++ /dev/null @@ -1,136 +0,0 @@ -{ - "cavePaintings":{ - "name":"Cave Paintings", - "amazonLink":"", - "companySaleLink":"https://rnrgames.com/cave-paintings", - "youtubeVideoLink":"https://www.youtube.com/watch?v=9iBpWkupsWc", - "BGGpageLink":"https://boardgamegeek.com/boardgame/255712/cave-paintings", - "linkURL":"/CP", - "abbreviation":"CP", - "description":"Draw poorly? No matter! Cave Paintings is a drawing game where drawing poorly is the best way to play! Players have a minute to make their cave paintings, before guessing each other's.", - "image":"CP.png", - "images":[ - { "path":"","details":"" }, - { "path":"","details":"" }, - { "path":"","details":"" } - ], - "assortedImageURLs":"" - }, - "z4x":{ - "name":"Sector Z4X", - "amazonLink":"", - "companySaleLink":"", - "youtubeVideoLink":"https://youtu.be/anlTpMSCmxk", - "BGGpageLink":"", - "linkURL":"/Z4X", - "abbreviation":"Z4X", - "description":"Take to the stars in this 4X space opera. Sector Z4X aims to be the most 4X board game, using streamlined euro mechanics to deliver a sci-fi civilization building experience.", - "image":"Z4X.png", - "images":[ - { "path":"","details":"" }, - { "path":"","details":"" }, - { "path":"","details":"" } - ], - "assortedImageURLs":"" - }, - "wiseGuysAndLies":{ - "name":"Wise Guys and Lies", - "amazonLink":"", - "companySaleLink":"", - "youtubeVideoLink":"https://youtu.be/UAUDUzu2ybQ", - "BGGpageLink":"", - "linkURL":"/WGAL", - "abbreviation":"WGAL", - "description":"Do you have what it takes to be the most devious crime boss in town? A take that card game of player politics, Wise Guys and Lies is a game where nobody believes the truth. Formerly named \"Be Honest\"", - "image":"WGAL.png", - "images":[ - { "path":"","details":"" }, - { "path":"","details":"" }, - { "path":"","details":"" } - ], - "assortedImageURLs":"" - }, - "huts":{ - "name":"Huts", - "amazonLink":"", - "companySaleLink":"", - "youtubeVideoLink":"", - "BGGpageLink":"", - "linkURL":"/HUTS", - "description":"A game about small islands and angry gods. In Huts, you are a tribal god, petty and cruel. You send omens, miracles and disasters to the different tribes, to have only the ones who worship you remaining.", - "image":"HUTS.png", - "images":[ - { "path":"","details":"" }, - { "path":"","details":"" }, - { "path":"","details":"" } - ], - "assortedImageURLs":"" - }, - "beliefInTheOldGods":{ - "name":"Belief in the Old Gods", - "amazonLink":"", - "companySaleLink":"", - "youtubeVideoLink":"", - "BGGpageLink":"", - "linkURL":"/BITOG", - "abbreviation":"BITOG", - "description":"The Great Old Ones are forgotton monsters, sleeping in space, under the earth, at the bottom of the sea. Inspired by the works of HP Lovecraft, play as those unspeakable horrors behind the veil, manipulating cultists to carry out your wishes.", - "image":"BITOG.png", - "images":[ - { "path":"","details":"" }, - { "path":"","details":"" }, - { "path":"","details":"" } - ], - "assortedImageURLs":"" - }, - "draftBeer":{ - "name":"Draft Beer", - "amazonLink":"", - "companySaleLink":"", - "youtubeVideoLink":"https://youtu.be/TBF-ou-G1Yc", - "BGGpageLink":"https://boardgamegeek.com/boardgame/297367/draft-beer", - "linkURL":"/DB", - "abbreviation":"DB", - "description":"You've fulfilled you lifelong dream, to open a bar! But you find that all your friends have also opened bars, in the same town even! So stock your bars in this quick to learn, hard to master, pick ans pass card drafting game.", - "image":"DB.png", - "images":[ - { "path":"","details":"" }, - { "path":"","details":"" }, - { "path":"","details":"" } - ], - "assortedImageURLs":"" - }, - "flowerShop":{ - "name":"Flower Shop", - "amazonLink":"", - "companySaleLink":"", - "youtubeVideoLink":"https://youtu.be/b5eSvVd-_u8", - "BGGpageLink":"", - "linkURL":"/FS", - "abbreviation":"FS", - "description":"Take a stroll through a greenhouse to make the most beautiful bouquets for you clients. Flower Shop is a easy to learn card game that uses clear cards to create floral arrangements.", - "image":"FS.png", - "images":[ - { "path":"","details":"" }, - { "path":"","details":"" }, - { "path":"","details":"" } - ], - "assortedImageURLs":"" - }, - "drawingLots":{ - "name":"Drawing Lots", - "amazonLink":"", - "companySaleLink":"", - "youtubeVideoLink":"", - "BGGpageLink":"", - "linkURL":"/DL", - "description":"Drawing Lots is a \"Flip and Write\" style game. Players bid money in order to gain blueprints or empty lots on the grid. With the right combinations of lots and blueprints, they can develop the town into a sprawling city.", - "image":"DL.png", - "images":[ - { "path":"","details":"" }, - { "path":"","details":"" }, - { "path":"","details":"" } - ], - "assortedImageURLs":"" - } -} \ No newline at end of file diff --git a/data/workData.js b/data/workData.js index 6eb6a49..225b931 100644 --- a/data/workData.js +++ b/data/workData.js @@ -87,7 +87,8 @@ let workData = [ name: "RCSB.org", year: 2021, websiteFullURL: "https://www.rcsb.org/", - properName: "Research Collaboratory for Structural Bioinformatics", + properName: + "Research Collaboratory for Structural Bioinformatics (RCSB.org)", text: "", imageURL: "", image: "RCSB.png", diff --git a/games.html b/games.html index 58e5935..d58d7ef 100644 --- a/games.html +++ b/games.html @@ -15,11 +15,117 @@ -
+
+

Game Design

+
+

So for the past 10 years or so I've been learning and practicing game design. Not professionally, mind you. But + as a fun and interesting hobby. In that time I've learned the game design community (at least in the Northeast + USA) is a very welcoming and passionate group. I've hosted panels, made tutorial videos, and worked with a + number of prominent designers and groups, such as NYC Playtest, Game Maker's Guild Philadelphia, and others.

+
+
+ + \ No newline at end of file diff --git a/index.css b/index.css index a080110..7e31a9e 100644 --- a/index.css +++ b/index.css @@ -1,8 +1,33 @@ html { font-size: 24px; - font-family: "Roboto"; + font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 300; } +.headerText { + text-align: center; + width: 100%; +} +.centerText { + text-align: center; +} +.contact .row { + text-align: center; + align-items: center; + justify-content: center; +} +.captionText { + position: relative; + height: 0; + bottom: 2.5rem; + z-index: 100; + color: white; + text-shadow: 2px 2px 0px black; + text-align: center; + width: 100%; + margin-left: 20px; + font-weight: 500; +} + body { margin: 0; padding: 0; @@ -17,7 +42,7 @@ body { width: 75px; background-position: center; background-size: contain; - background-image: url(/images/fancyZ.png); + background-image: url(images/fancyZ.png); } .fixedCenter { position: fixed; @@ -180,6 +205,7 @@ body { @media (max-width: 750px) { .row { justify-content: center; + flex-direction: column-reverse !important; } .col { width: 100%; diff --git a/work.html b/work.html index 8f48391..874171d 100644 --- a/work.html +++ b/work.html @@ -18,22 +18,11 @@
-
- -
-
-

Hi, my name is Zintis.
I'm a programmer,
game designer,
teacher,
tutor,
and mentor

-
-
- - -
-
- -
-
-

Hi, my name is Zintis.
I'm a programmer,
game designer,
teacher,
tutor,
and mentor

-
+

Work Experience

+

Some years ago a friend of mine forgot what kind of work I did, and mentioned "well, I always thought you were + a programmer". And... that stuck with me. Enough to start studying it in 2016, and switch careers by + 2017.It's been a gratifying journey (and a neverending one). It scratches my itches for challenge, creativity, + and problem solving.

Here's a selection of websites that I've worked on over the years!

@@ -42,7 +31,6 @@ + \ No newline at end of file