tools's People
tools's Issues
maincon.js Bug Report
Here are the bugs I found in the code:
- The
window.client
property is not valid. It seems like you are trying to access thewindow
object, but there is a typo. It should bewindow.clientWidth
orwindow.clientHeight
. - The
const
keyword is used to declare variables, but it is used incorrectly in the code. It looks like you are trying to declare global variables, but you have usedconst
instead oflet
. You should uselet
instead ofconst
forvh
,dist_to_draw
,delay
,fsize
,colors
,rand
,selRand
, andshouldDraw
. - The
distanceTo
function is defined, but it is not used in the code. Instead, theshouldDraw
function uses thedistanceTo
function, but it is not passed any arguments. It should beshouldDraw = (x, y) => distanceTo(x1, y1, x, y) >= dist_to_draw
. - The
addStr
function creates a newdiv
element and sets itsinnerHTML
property to'✦'
, which is the Unicode character for a bullet. However, this character is not visible in all browsers. You can use the'•'
entity instead, which is more widely supported. - The
addStr
function sets thetop
property of thestr
element toy + rand(-20,20) + 'px'
, but it does not set theposition
property to'absolute'
or'fixed'
. Therefore, thetop
property will not have any effect. - The
addStr
function sets thecolor
property of thestr
element to a random color from thecolors
array. However, thecolor
property sets the text color, not the background color. If you want to set the background color, you should use thebackgroundColor
property instead. - The
addStr
function sets thefontSize
property of thestr
element to a random size from thefsize
array. However, thefontSize
property is inrem
units, which are relative to the root font size. If the root font size is not set, therem
units will not have any effect. - The
addStr
function sets theanimate
method of thestr
element to animate thetranslate
,opacity
, andtransform
properties. However, thetranslate
property is not a valid CSS property. You should use thetransform
property with thetranslateX
andtranslateY
functions instead. - The
addStr
function sets theanimate
method to fill forwards, which means that the animation will persist after it has completed. However, thesetTimeout
function is used to remove thestr
element after the delay. This will cause a flicker effect because the animation will be interrupted. - The
addEventListener
function is used
contact.css Bug Report
Here are the bugs I found in the code:
- There is a missing semicolon at the end of the
backdrop-filter
property in.svgContainer
,.svgContainer2
, and.svgContainer3
classes. - The
transform-origin
property is set tobottom
in the.BG2
and.BG3
classes, but it should becenter
to rotate the background evenly around its center point. - The
transition
property is set toall .3s
in all the classes, but it is not necessary to include it in every class since it is already set in the parent classes. - The
.Btn3:hover .svgContainer2
rule should be.Btn3:hover .svgContainer3
instead. - The
text-shadow
property in the.star:before
rule has a value of0 0 0.8em #fff5
, but it should be0 0 0.8em #fff
to create a white text shadow. - The
background-image
property in thebody
rule has a value ofradial-gradient(circle at 50% 50%, #2f3040, #1f2020)
, but it should beradial-gradient(circle at 50% 50%, #2f3040, #1f2020, #0f1010)
to create a darker background. - The
color
property in thebody
rule has a value of#F9F6EF
, but it should be#F9F6EF
to create a lighter text color. - The
overflow
property in thebody
rule has a value ofhidden
, but it should bevisible
to prevent any scrollbars from appearing. - The
z-index
property is set to-1
in the.BG
,.BG2
, and.BG3
classes, but it should be-2
to ensure that the background elements are always behind the other elements. - The
background
property in the.BG
class has a value of#f09433
, but it should be#f09433
to create a solid background color. - The
background
property in the.BG2
class has a value of#1DA1F2
, but it should be#1DA1F2
to create a solid background color. - The
background
property in the.BG3
class has a value of#ffff
, but it should be#fff
to create a solid background color. - The
letter-spacing
property is set to0.8px
in the.svgContainer
,.svgContainer2
, and.svgContainer3
classes, but it should be0.8em
to create a consistent letter spacing. - The
border-radius
property is set to9px
in the.BG
class, but it should be7px
to match the other elements. - The
border-radius
property is set to10px
in the.svgContainer
,.svgContainer2
, and.svgContainer3
classes, but it should be7px
to match the other elements. - The
border
property is set to1px solid rgba(156, 156, 156, 0.466)
in the.svgContainer
,.svgContainer2
, and.svgContainer3
classes, but it should be1px solid rgba(255, 255, 255, 0.466)
to create a consistent border color. - The
filter
property is set toprogid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 )
in the.BG
class, but it is not necessary since it is already set in thebackground
property. - The
transform
property is set torotate(35deg)
in the.Btn:hover .BG
,.Btn2:hover .BG2
, and.Btn3:hover .BG3
rules, but it should berotate(10deg)
to create a subtle rotation effect. - The
transition
property is set toall .3s
in the.BG
,.BG2
, and.BG3
classes, but it should betransform .3s
to only transition the transform property. - The
transition
property is set toall .3s
in the.svgContainer
,.svgContainer2
, and.svgContainer3
classes, but it should bebackground-color .3s
to only transition the background-color property. - The
transition
property is set toall .3s
in the.Btn
,.Btn2
, and.Btn3
classes, but it should bebackground-color .3s
to only transition the background-color property. - The
width
andheight
properties are set to45px
in the.Btn
,.Btn2
, and.Btn3
classes, but it should be50px
to create a consistent size. - The
border-radius
property is set to7px
in the.Btn
,.Btn2
, and.Btn3
classes, but it should be5px
to create a smaller border radius. - The
cursor
property is set topointer
in the.Btn
,.Btn2
, and.Btn3
classes, but it should bedefault
to create a consistent cursor. - The
position
property is set torelative
in the.Btn
,.Btn2
, and.Btn3
classes, but it should beabsolute
to position the elements relative to their parent container. - The
display
property is set toflex
in the.Btn
,.Btn2
, and.Btn3
classes, but it should beinline-flex
to create a consistent display style. - The
justify-content
property is set tocenter
in the.Btn
,.Btn2
, and.Btn3
classes, but
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.