Skip to content

Commit

Permalink
hello
Browse files Browse the repository at this point in the history
  • Loading branch information
marcoburrometo committed Jan 14, 2022
1 parent 8f2c811 commit d518c15
Show file tree
Hide file tree
Showing 3 changed files with 25 additions and 86 deletions.
6 changes: 3 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@
"devDependencies": {
"@tailwindcss/postcss7-compat": "^2.2.17",
"@types/react-typist": "^2.0.3",
"autoprefixer": "^9.8.6",
"autoprefixer": "^9",
"eslint": "^7.8.1",
"eslint-config-airbnb": "^18.2.0",
"eslint-config-airbnb-typescript": "^10.0.0",
Expand All @@ -71,9 +71,9 @@
"eslint-plugin-react": "^7.20.6",
"eslint-plugin-react-hooks": "^4.1.0",
"eslint-plugin-react-native": "^3.9.1",
"postcss": "^8.4.5",
"postcss": "^7",
"prettier": "^2.5.1",
"prettier-eslint-cli": "^5.0.0",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.3"
"tailwindcss": "npm:@tailwindcss/postcss7-compat"
}
}
11 changes: 9 additions & 2 deletions src/Components/HelloText/HelloText.tsx
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
/* eslint-disable react-native/no-inline-styles */
import * as THREE from 'three';
import React, { Suspense, useState, useEffect } from 'react';
import { Canvas, useFrame } from '@react-three/fiber';
Expand Down Expand Up @@ -30,8 +31,14 @@ function Scene({ isDarkMode }: { isDarkMode: boolean }) {

export default function HelloText({ isDarkMode }: { isDarkMode: boolean }): JSX.Element {
return (
// eslint-disable-next-line react-native/no-inline-styles
<span style={{ position: 'absolute', overflow: 'hidden', marginTop: -70, marginLeft: -30 }}>
<span
style={{
position: 'absolute',
overflow: 'hidden',
marginTop: window.innerWidth < 500 ? -90 : -70,
marginLeft: -40,
}}
>
<Canvas dpr={[1, 2]} orthographic camera={{ zoom: 80 }}>
{/* <Canvas dpr={window.devicePixelRatio || 1} camera={{ fov: 75, position: [0, 0, 7] }} orthographic> */}
<ambientLight intensity={2} color={isDarkMode ? '#f3f4f6' : '#111827'} />
Expand Down
94 changes: 13 additions & 81 deletions yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -1219,13 +1219,6 @@
"@formatjs/ecma402-abstract" "1.4.0"
tslib "^2.0.1"

"@fullhuman/postcss-purgecss@^3.1.3":
version "3.1.3"
resolved "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.1.3.tgz"
integrity sha512-kwOXw8fZ0Lt1QmeOOrd+o4Ibvp4UTEBFQbzvWldjlKv5n+G9sXfIPn1hh63IQIL8K8vbvv1oYMJiIUbuy9bGaA==
dependencies:
purgecss "^3.1.3"

"@hapi/[email protected]":
version "2.1.4"
resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.4.tgz"
Expand Down Expand Up @@ -1773,9 +1766,9 @@
"@svgr/plugin-svgo" "^5.5.0"
loader-utils "^2.0.0"

"@tailwindcss/postcss7-compat@^2.2.17":
"@tailwindcss/postcss7-compat@^2.2.17", "tailwindcss@npm:@tailwindcss/postcss7-compat":
version "2.2.17"
resolved "https://registry.npmjs.org/@tailwindcss/postcss7-compat/-/postcss7-compat-2.2.17.tgz"
resolved "https://registry.yarnpkg.com/@tailwindcss/postcss7-compat/-/postcss7-compat-2.2.17.tgz#dc78f3880a2af84163150ff426a39e42b9ae8922"
integrity sha512-3h2svqQAqYHxRZ1KjsJjZOVTQ04m29LjfrLjXyZZEJuvUuJN+BCIF9GI8vhE1s0plS0mogd6E6YLg6mu4Wv/Vw==
dependencies:
arg "^5.0.1"
Expand Down Expand Up @@ -2896,7 +2889,7 @@ atob@^2.1.2:
resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz"
integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==

autoprefixer@^9, autoprefixer@^9.6.1, autoprefixer@^9.8.6:
autoprefixer@^9, autoprefixer@^9.6.1:
version "9.8.6"
resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.6.tgz"
integrity sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==
Expand Down Expand Up @@ -3832,7 +3825,7 @@ color-string@^1.5.4, color-string@^1.9.0:
color-name "^1.0.0"
simple-swizzle "^0.2.2"

color@^3.0.0, color@^3.1.3:
color@^3.0.0:
version "3.1.3"
resolved "https://registry.yarnpkg.com/color/-/color-3.1.3.tgz"
integrity sha512-xgXAcTHa2HeFCGLE9Xs/R82hujGtu9Jd9x4NW3T34+OMs7VoPsjwzRczKHvTAHeJwWFwX5j15+MgAppE8ztObQ==
Expand All @@ -3848,7 +3841,7 @@ color@^4.0.1:
color-convert "^2.0.1"
color-string "^1.9.0"

colorette@^1.2.1, colorette@^1.2.2:
colorette@^1.2.1:
version "1.2.2"
resolved "https://registry.npmjs.org/colorette/-/colorette-1.2.2.tgz"
integrity sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==
Expand All @@ -3870,11 +3863,6 @@ commander@^4.1.1:
resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz"
integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==

commander@^6.0.0:
version "6.2.1"
resolved "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz"
integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==

commander@^8.0.0:
version "8.3.0"
resolved "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz"
Expand Down Expand Up @@ -4627,7 +4615,7 @@ detective@^5.2.0:
defined "^1.0.0"
minimist "^1.1.1"

didyoumean@^1.2.1, didyoumean@^1.2.2:
didyoumean@^1.2.2:
version "1.2.2"
resolved "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz"
integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
Expand Down Expand Up @@ -5951,7 +5939,7 @@ fs-extra@^8.1.0:
jsonfile "^4.0.0"
universalify "^0.1.0"

fs-extra@^9.0.1, fs-extra@^9.1.0:
fs-extra@^9.0.1:
version "9.1.0"
resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz"
integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
Expand Down Expand Up @@ -6093,7 +6081,7 @@ glob-parent@^6.0.1:
dependencies:
is-glob "^4.0.3"

glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.1.7:
glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.1.7:
version "7.2.0"
resolved "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz"
integrity sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==
Expand Down Expand Up @@ -8341,7 +8329,7 @@ mmd-parser@^1.0.4:
resolved "https://registry.yarnpkg.com/mmd-parser/-/mmd-parser-1.0.4.tgz#87cc05782cb5974ca854f0303fc5147bc9d690e7"
integrity sha512-Qi0VCU46t2IwfGv5KF0+D/t9cizcDug7qnNoy9Ggk7aucp0tssV8IwTMkBlDbm+VqAf3cdQHTCARKSsuS2MYFg==

modern-normalize@^1.0.0, modern-normalize@^1.1.0:
modern-normalize@^1.1.0:
version "1.1.0"
resolved "https://registry.npmjs.org/modern-normalize/-/modern-normalize-1.1.0.tgz"
integrity sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==
Expand Down Expand Up @@ -8458,7 +8446,7 @@ no-case@^3.0.4:
lower-case "^2.0.2"
tslib "^2.0.3"

node-emoji@^1.11.0, node-emoji@^1.8.1:
node-emoji@^1.11.0:
version "1.11.0"
resolved "https://registry.npmjs.org/node-emoji/-/node-emoji-1.11.0.tgz"
integrity sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==
Expand Down Expand Up @@ -8634,7 +8622,7 @@ object-copy@^0.1.0:
define-property "^0.2.5"
kind-of "^3.0.3"

object-hash@^2.1.1, object-hash@^2.2.0:
object-hash@^2.2.0:
version "2.2.0"
resolved "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz"
integrity sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==
Expand Down Expand Up @@ -9812,7 +9800,7 @@ postcss-selector-parser@^5.0.0-rc.3, postcss-selector-parser@^5.0.0-rc.4:
indexes-of "^1.0.1"
uniq "^1.0.1"

postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4:
postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
version "6.0.4"
resolved "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.4.tgz"
integrity sha512-gjMeXBempyInaBqpp8gODmwZ52WaYsVOsfr4L4lDQ7n3ncD6mEyySiDtgzCT+NYC0mmeOLvtsF8iaEf0YT6dBw==
Expand Down Expand Up @@ -9903,15 +9891,6 @@ postcss@^8.1.0:
nanoid "^3.1.20"
source-map "^0.6.1"

postcss@^8.2.1:
version "8.2.8"
resolved "https://registry.npmjs.org/postcss/-/postcss-8.2.8.tgz"
integrity sha512-1F0Xb2T21xET7oQV9eKuctbM9S7BC0fetoHCc4H13z0PT6haiRLP4T0ZY4XWh7iLP0usgqykT6p9B2RtOf4FPw==
dependencies:
colorette "^1.2.2"
nanoid "^3.1.20"
source-map "^0.6.1"

postcss@^8.3.5:
version "8.4.5"
resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz"
Expand All @@ -9921,15 +9900,6 @@ postcss@^8.3.5:
picocolors "^1.0.0"
source-map-js "^1.0.1"

postcss@^8.4.5:
version "8.4.5"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.5.tgz#bae665764dfd4c6fcc24dc0fdf7e7aa00cc77f95"
integrity sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==
dependencies:
nanoid "^3.1.30"
picocolors "^1.0.0"
source-map-js "^1.0.1"

potpack@^1.0.1:
version "1.0.2"
resolved "https://registry.yarnpkg.com/potpack/-/potpack-1.0.2.tgz#23b99e64eb74f5741ffe7656b5b5c4ddce8dfc14"
Expand Down Expand Up @@ -10183,16 +10153,6 @@ punycode@^2.1.0, punycode@^2.1.1:
resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz"
integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==

purgecss@^3.1.3:
version "3.1.3"
resolved "https://registry.npmjs.org/purgecss/-/purgecss-3.1.3.tgz"
integrity sha512-hRSLN9mguJ2lzlIQtW4qmPS2kh6oMnA9RxdIYK8sz18QYqd6ePp4GNDl18oWHA1f2v2NEQIh51CO8s/E3YGckQ==
dependencies:
commander "^6.0.0"
glob "^7.0.0"
postcss "^8.2.1"
postcss-selector-parser "^6.0.2"

purgecss@^4.0.3:
version "4.1.3"
resolved "https://registry.npmjs.org/purgecss/-/purgecss-4.1.3.tgz"
Expand Down Expand Up @@ -10911,7 +10871,7 @@ [email protected]:
is-core-module "^2.0.0"
path-parse "^1.0.6"

resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.20.0, resolve@^1.3.2, resolve@^1.8.1:
resolve@^1.10.0, resolve@^1.12.0, resolve@^1.13.1, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.20.0, resolve@^1.3.2, resolve@^1.8.1:
version "1.20.0"
resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.20.0.tgz"
integrity sha512-wENBPt4ySzg4ybFQW2TT1zMQucPK95HSh/nq2CFTZVOGut2+pQvSsgtda4d26YrYcr067wjbmzOG8byDPBX63A==
Expand Down Expand Up @@ -11942,34 +11902,6 @@ table@^6.0.4:
slice-ansi "^4.0.0"
string-width "^4.2.0"

"tailwindcss@npm:@tailwindcss/postcss7-compat@^2.0.3":
version "2.0.3"
resolved "https://registry.npmjs.org/@tailwindcss/postcss7-compat/-/postcss7-compat-2.0.3.tgz"
integrity sha512-R43aiSzwlybDMhDld8vkSIKPSLXxbbmotZ+I2GIrX+IzFNy9JAByC7Ncf9A81Dg0JLBWHY5m769lBbBnJCF8cw==
dependencies:
"@fullhuman/postcss-purgecss" "^3.1.3"
autoprefixer "^9"
bytes "^3.0.0"
chalk "^4.1.0"
color "^3.1.3"
detective "^5.2.0"
didyoumean "^1.2.1"
fs-extra "^9.1.0"
html-tags "^3.1.0"
lodash "^4.17.20"
modern-normalize "^1.0.0"
node-emoji "^1.8.1"
object-hash "^2.1.1"
postcss "^7"
postcss-functions "^3"
postcss-js "^2"
postcss-nested "^4"
postcss-selector-parser "^6.0.4"
postcss-value-parser "^4.1.0"
pretty-hrtime "^1.0.3"
reduce-css-calc "^2.1.8"
resolve "^1.19.0"

tapable@^1.0.0, tapable@^1.1.3:
version "1.1.3"
resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz"
Expand Down

0 comments on commit d518c15

Please sign in to comment.