Skip to content

Commit

Permalink
maybe done?
Browse files Browse the repository at this point in the history
  • Loading branch information
@ZintisMay
ZintisMay committed Mar 22, 2024
1 parent a3d0cea commit d832ea6
Show file tree
Hide file tree
Showing 10 changed files with 481 additions and 219 deletions.
99 changes: 77 additions & 22 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,37 +17,19 @@

<body class="about">
<div class="contentArea" id="contentArea">


<div class="row">
<div class="col left">
<img src="images/zintisHoodie.jpg" alt="">
</div>
<div class="col right">
<p>Hi,
my name is Zintis.<br>I'm a programmer,<br>game designer,<br>teacher,<br>tutor,<br>and mentor</p>
</div>
</div>


<div class="row">
<div class="col right">
<p>Hi,
my name is Zintis.<br>I'm a programmer,<br>game designer,<br>teacher,<br>tutor,<br>and mentor</p>
</div>
<div class="col left">
<img src="images/zintisHoodie.jpg" alt="">
</div>
<h1 class="headerText">About Me</h1>
<!-- <p></p> -->
</div>
</div>
</body>
<!-- assigns variable "aboutData" -->
<script src="data/aboutData.js"></script>
<script>
let contentArea = document.getElementById("contentArea")
contentArea.innerHTML = ""
// contentArea.innerHTML = ""
for (let x = 0; x < aboutData.length; x++) {
let { image, title, text } = aboutData[x]
let { image, title, text, year } = aboutData[x]
let flip = x % 2 === 1 ? "flip" : ""
let content = `
<div class="row ${flip}">
Expand All @@ -69,5 +51,78 @@ <h3>
}
</script>
<script src="addMenu.js"></script>
<script>

let blueSquareWithContent = document.querySelectorAll(".contentArea .blueSquare")
// alert(blueSquareWithContent.length)
for (let x = 0; x < blueSquareWithContent.length; x++) {
let target = blueSquareWithContent[x]
target.position = "absolute"
target.style.top = `calc(40% + ${x * 50}px)`
if (x % 2 === 1) {
target.style.margin = "0 calc(50% + 150px)"
} else {
target.style.margin = "0 calc(50% - 150px)"
}
}

let blueSquareArray = createShapes(10)
blueSquareArray.forEach(tri => {
contentArea.appendChild(tri)
})

function rand(min, max) {
return min + Math.floor(Math.random() * Math.floor(max - min + 1));
}

function weightedRand(min, max, goHi, iterations) {
var numToReturn = max;
for (var k = 0; k < iterations; k++) {
var randomNumber = rand(min, max);
if (goHi && randomNumber > numToReturn) {
numToReturn = randomNumber
} else if (!goHi && randomNumber < numToReturn) {
numToReturn = randomNumber
}
}
return numToReturn;
}

function makeRandomBlueSquare(i, distanceFromTB, distanceFromLR) {
var heightWidth = rand(50, 100);
let tri = document.createElement("div")
tri.classList.add("blueSquare")
tri.style.zIndex = 0
tri.style.top = rand(distanceFromTB.lo, distanceFromTB.hi) + "%"
tri.style.left = rand(distanceFromLR.lo, distanceFromLR.hi) + "%"
tri.style.height = heightWidth + "px"
tri.style.width = heightWidth + "px"
tri.style.opacity = weightedRand(10, 70, false, 3) / 100

return tri
}

function createShapes(amount) {
//Version 1 sides
var blueSquareArray = []
// left
for (var x = 0; x < amount; x++) {
blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: -5, hi: 0 }))
}
// right
for (var y = 0; y < amount; y++) {
blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: 100, hi: 105 }))
}
// // top
// for (var z = 0; z < amount; z++) {
// blueSquareArray.push(makeRandomBlueSquare(x, { lo: -3, hi: 5 }, { lo: 10, hi: 90 }))
// }
// // bottom
// for (var q = 0; q < amount; q++) {
// blueSquareArray.push(makeRandomBlueSquare(x, { lo: 97, hi: 103 }, { lo: -10, hi: 100 }))
// }
return blueSquareArray
}
</script>

</html>
2 changes: 1 addition & 1 deletion addMenu.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ function buildMenu(buildTarget) {
let link = document.createElement("a");
link.href = `${page}.html`;
link.innerHTML = `
<img src="/images/${page}.png" />
<img src="images/${page}.png" />
<span>${page.toUpperCase()}</span>
`;
menuBar.appendChild(link);
Expand Down
116 changes: 92 additions & 24 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,35 +16,103 @@


<body class="contact">
<div class="contentArea" id="contentArea"></div>
<div class="contentArea" id="contentArea">

<div class="row">
<h1 class="headerText">Contact Me</h1>
<p>Please feel free to reach out to me.</p>
<p>Work, game design, old friends, whomever, my inbox is open.</p>
<p>Find me on
<a href="https://www.linkedin.com/in/zintis-may-krumins-12025b84/" class="socialLink linkedIn">LinkedIn</a> and
<a href="https://twitter.com/ZintisMay">Twitter</a>

or use this little form below:
</p>

</div>
<div class="row"> <iframe
src="https://docs.google.com/forms/d/e/1FAIpQLSdE6VVrGLX6h7_jhTcvVSd8BlMTI1HvFXFYlvFWHr0JdR1ajg/viewform?embedded=true"
style="margin:0 auto;" width="640" height="1000" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe></div>

</div>
</body>
<!-- assigns variable "workData" -->
<script src="data/contactData.js"></script>

<script src="addMenu.js"></script>
<script>
let contentArea = document.getElementById("contentArea")
contentArea.innerHTML = ""
for (let x = 0; x < contactData.length; x++) {
let job = contactData[x]
let content = `
<div class="row">
<div class="col left">
<a href="${job.linkURL}">
<img src="images/${job.image}" alt="">
</a>
</div>
<div class="col right">
<p>
<h3>
<a href="${job.linkURL}">${job.properName} (${job.year})</a>
</h3>
${job.description}
</p>
</div>
</div>
`
contentArea.innerHTML += content

let blueSquareWithContent = document.querySelectorAll(".contentArea .blueSquare")
// alert(blueSquareWithContent.length)
for (let x = 0; x < blueSquareWithContent.length; x++) {
let target = blueSquareWithContent[x]
target.position = "absolute"
target.style.top = `calc(40% + ${x * 50}px)`
if (x % 2 === 1) {
target.style.margin = "0 calc(50% + 150px)"
} else {
target.style.margin = "0 calc(50% - 150px)"
}
}

let blueSquareArray = createShapes(10)
blueSquareArray.forEach(tri => {
contentArea.appendChild(tri)
})

function rand(min, max) {
return min + Math.floor(Math.random() * Math.floor(max - min + 1));
}

function weightedRand(min, max, goHi, iterations) {
var numToReturn = max;
for (var k = 0; k < iterations; k++) {
var randomNumber = rand(min, max);
if (goHi && randomNumber > numToReturn) {
numToReturn = randomNumber
} else if (!goHi && randomNumber < numToReturn) {
numToReturn = randomNumber
}
}
return numToReturn;
}

function makeRandomBlueSquare(i, distanceFromTB, distanceFromLR) {
var heightWidth = rand(50, 100);
let tri = document.createElement("div")
tri.classList.add("blueSquare")
tri.style.zIndex = 0
tri.style.top = rand(distanceFromTB.lo, distanceFromTB.hi) + "%"
tri.style.left = rand(distanceFromLR.lo, distanceFromLR.hi) + "%"
tri.style.height = heightWidth + "px"
tri.style.width = heightWidth + "px"
tri.style.opacity = weightedRand(10, 70, false, 3) / 100

return tri
}

function createShapes(amount) {
//Version 1 sides
var blueSquareArray = []
// left
for (var x = 0; x < amount; x++) {
blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: -5, hi: 0 }))
}
// right
for (var y = 0; y < amount; y++) {
blueSquareArray.push(makeRandomBlueSquare(x, { lo: 15, hi: 100 }, { lo: 100, hi: 105 }))
}
// // top
// for (var z = 0; z < amount; z++) {
// blueSquareArray.push(makeRandomBlueSquare(x, { lo: -3, hi: 5 }, { lo: 10, hi: 90 }))
// }
// // bottom
// for (var q = 0; q < amount; q++) {
// blueSquareArray.push(makeRandomBlueSquare(x, { lo: 97, hi: 103 }, { lo: -10, hi: 100 }))
// }
return blueSquareArray
}
</script>
<script src="addMenu.js"></script>

</html>
25 changes: 12 additions & 13 deletions data/aboutData.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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)",
],
},
{
Expand All @@ -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)",
],
},
];
Loading

0 comments on commit d832ea6

Please sign in to comment.