Mattia Rasulo ZeldOcarina

## index.html
<div class="comparators">
  <div class="comparison">
    <figure
      style="
        background-image: url(https://s3.amazonaws.com/cdn.monarchy.io/clients/nu-dentistry/before-after/b4a-1a.jpg);
      "
    >
      <div
        style="
          background-image: url(https://s3.amazonaws.com/cdn.monarchy.io/clients/nu-dentistry/before-after/b4a-1b.jpg);

## before-after.html
<div id="comparison">
  <figure>
    <div id="divisor"></div>
  </figure>
  <input type="range" min="0" max="100" value="50" id="slider" oninput="moveDivisor()">
</div>
<style>
  div#comparison {
  width: 60vw;
  height: 60vw;

## AirtableConnector.ts
import * as path from "path";
import * as fs from "fs";
import axios, { AxiosError, type AxiosInstance } from "axios";

import airtableDefaults from "./constants/airtable-defaults";

const fsPromises = fs.promises;

const MAX_RETRIES = 3; // Number of times to retry after hitting rate limit
const RETRY_DELAY = 30 * 1000; // 30 seconds in milliseconds

## cv.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ZeldOcarina
                / cv.md
            
            
              Created
              April 5, 2023 06:41
            
          
    Mattia Rasulo

Full Stack Developer & CTO at Monarchy Media LLC

Summary

I am an experienced Full Stack Developer, specializing in Javascript and Typescript, with expertise in handling medium-sized projects. As the CTO of Monarchy Media LLC, I have in-depth knowledge of Gatsby for websites and medium-level proficiency in Remix for full stack apps. I am also skilled in using AWS, serverless framework, Jenkins, and Vercel.
I've built a full website generator in Gatsby using AirTable that allows our company to quickly generate clients websites using cutting-edge technology.

  
## li.jsx
styled.li`
  &::marker {
    color: var(--black);
    // Use as a list symbol a React Icons icon
    content: ${() => {
      return css`
        url("data:image/svg+xml;charset=UTF-8,${ReactDOMServer.renderToString(
          <IoChevronForwardCircleOutline />
        ).replaceAll('"', "'")}")
      `

## job-description.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                ZeldOcarina
                / job-description.md
            
            
              Created
              December 28, 2022 20:24
            
              
                Job Description
              
          
    Full Stack PHP Senior Engineer - Quello Call Center Management System (Remote)

We are seeking a highly skilled and experienced Full Stack PHP Senior Engineer to join our team and work on the development of Quello, our call center management system. This is a fully remote position, so you will have the flexibility to work from anywhere.
The ideal candidate will have a proven record of the ability to handle the development of web-based systems without supervision and at least five years of experience in the field.
In this role, you will be responsible for designing, developing, and maintaining Quello using PHP and related frameworks. You should be comfortable working with Git and Docker, and have experience with at least one major PHP framework (such as Laravel or Symfony). Knowledge of the AWS ecosystem is a must, and the ability to work on it is essential.
In addition to these requirements, we are looking for candidates with deep knowledge of Amazon Connect and understanding of call centers and their w

  
## MobileNavbar.jsx
import React, { useState, useEffect, useContext } from "react";
import styled, { css } from "styled-components";
import { MdClose } from "react-icons/md";
import { Link } from "gatsby";
import { hexToRGB } from "../helpers/helpers";
import BlackButton from "../components/BlackButton";
import useColors from "../hooks/useColors";

import MultipleAccordion from "../components/MultipleAccordion";

## MudConnector.js
const axios = require("axios");
const url = require('url');

/* *************
* MudConnector *
* **************/

class MudConnector {
    constructor({ handshakeKey, clientId, clientName, lead }) {
        this.endpointUrl = "https://mud.dentalgameplan.com/marketing/handlejekyllappointment";

## textarea.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      .textarea {
        width: 40rem;

## create-env.js
const dotenv = require("dotenv");
const fs = require("fs");
const path = require("path");
const { fetchGatsbyNodeDynamicConfigData } = require("./src/helpers/nodeHelpers");

dotenv.config({
    path: `.env.${process.env.NODE_ENV}`,
});
	<div class="comparators">
	<div class="comparison">
	<figure
	style="
	background-image: url(https://s3.amazonaws.com/cdn.monarchy.io/clients/nu-dentistry/before-after/b4a-1a.jpg);
	"
	>
	<div
	style="
	background-image: url(https://s3.amazonaws.com/cdn.monarchy.io/clients/nu-dentistry/before-after/b4a-1b.jpg);
	<div id="comparison">
	<figure>
	<div id="divisor"></div>
	</figure>
	<input type="range" min="0" max="100" value="50" id="slider" oninput="moveDivisor()">
	</div>
	<style>
	div#comparison {
	width: 60vw;
	height: 60vw;
	import * as path from "path";
	import * as fs from "fs";
	import axios, { AxiosError, type AxiosInstance } from "axios";

	import airtableDefaults from "./constants/airtable-defaults";

	const fsPromises = fs.promises;

	const MAX_RETRIES = 3; // Number of times to retry after hitting rate limit
	const RETRY_DELAY = 30 * 1000; // 30 seconds in milliseconds
	styled.li`
	&::marker {
	color: var(--black);
	// Use as a list symbol a React Icons icon
	content: ${() => {
	return css`
	url("data:image/svg+xml;charset=UTF-8,${ReactDOMServer.renderToString(
	<IoChevronForwardCircleOutline />
	).replaceAll('"', "'")}")
	`
	import React, { useState, useEffect, useContext } from "react";
	import styled, { css } from "styled-components";
	import { MdClose } from "react-icons/md";
	import { Link } from "gatsby";
	import { hexToRGB } from "../helpers/helpers";
	import BlackButton from "../components/BlackButton";
	import useColors from "../hooks/useColors";

	import MultipleAccordion from "../components/MultipleAccordion";
	const axios = require("axios");
	const url = require('url');

	/* *************
	* MudConnector *
	* **************/

	class MudConnector {
	constructor({ handshakeKey, clientId, clientName, lead }) {
	this.endpointUrl = "https://mud.dentalgameplan.com/marketing/handlejekyllappointment";
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	<style>
	.textarea {
	width: 40rem;
	const dotenv = require("dotenv");
	const fs = require("fs");
	const path = require("path");
	const { fetchGatsbyNodeDynamicConfigData } = require("./src/helpers/nodeHelpers");

	dotenv.config({
	path: `.env.${process.env.NODE_ENV}`,
	});