Giter Site home page Giter Site logo

tools's People

Contributors

compknow avatar fusionhubtool avatar

Stargazers

 avatar

Watchers

 avatar

tools's Issues

maincon.js Bug Report

Here are the bugs I found in the code:

  1. The window.client property is not valid. It seems like you are trying to access the window object, but there is a typo. It should be window.clientWidth or window.clientHeight.
  2. 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 used const instead of let. You should use let instead of const for vh, dist_to_draw, delay, fsize, colors, rand, selRand, and shouldDraw.
  3. The distanceTo function is defined, but it is not used in the code. Instead, the shouldDraw function uses the distanceTo function, but it is not passed any arguments. It should be shouldDraw = (x, y) => distanceTo(x1, y1, x, y) >= dist_to_draw.
  4. The addStr function creates a new div element and sets its innerHTML 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.
  5. The addStr function sets the top property of the str element to y + rand(-20,20) + 'px', but it does not set the position property to 'absolute' or 'fixed'. Therefore, the top property will not have any effect.
  6. The addStr function sets the color property of the str element to a random color from the colors array. However, the color property sets the text color, not the background color. If you want to set the background color, you should use the backgroundColor property instead.
  7. The addStr function sets the fontSize property of the str element to a random size from the fsize array. However, the fontSize property is in rem units, which are relative to the root font size. If the root font size is not set, the rem units will not have any effect.
  8. The addStr function sets the animate method of the str element to animate the translate, opacity, and transform properties. However, the translate property is not a valid CSS property. You should use the transform property with the translateX and translateY functions instead.
  9. The addStr function sets the animate method to fill forwards, which means that the animation will persist after it has completed. However, the setTimeout function is used to remove the str element after the delay. This will cause a flicker effect because the animation will be interrupted.
  10. The addEventListener function is used

contact.css Bug Report

Here are the bugs I found in the code:

  1. There is a missing semicolon at the end of the backdrop-filter property in .svgContainer, .svgContainer2, and .svgContainer3 classes.
  2. The transform-origin property is set to bottom in the .BG2 and .BG3 classes, but it should be center to rotate the background evenly around its center point.
  3. The transition property is set to all .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.
  4. The .Btn3:hover .svgContainer2 rule should be .Btn3:hover .svgContainer3 instead.
  5. The text-shadow property in the .star:before rule has a value of 0 0 0.8em #fff5, but it should be 0 0 0.8em #fff to create a white text shadow.
  6. The background-image property in the body rule has a value of radial-gradient(circle at 50% 50%, #2f3040, #1f2020), but it should be radial-gradient(circle at 50% 50%, #2f3040, #1f2020, #0f1010) to create a darker background.
  7. The color property in the body rule has a value of #F9F6EF, but it should be #F9F6EF to create a lighter text color.
  8. The overflow property in the body rule has a value of hidden, but it should be visible to prevent any scrollbars from appearing.
  9. 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.
  10. The background property in the .BG class has a value of #f09433, but it should be #f09433 to create a solid background color.
  11. The background property in the .BG2 class has a value of #1DA1F2, but it should be #1DA1F2 to create a solid background color.
  12. The background property in the .BG3 class has a value of #ffff, but it should be #fff to create a solid background color.
  13. The letter-spacing property is set to 0.8px in the .svgContainer, .svgContainer2, and .svgContainer3 classes, but it should be 0.8em to create a consistent letter spacing.
  14. The border-radius property is set to 9px in the .BG class, but it should be 7px to match the other elements.
  15. The border-radius property is set to 10px in the .svgContainer, .svgContainer2, and .svgContainer3 classes, but it should be 7px to match the other elements.
  16. The border property is set to 1px solid rgba(156, 156, 156, 0.466) in the .svgContainer, .svgContainer2, and .svgContainer3 classes, but it should be 1px solid rgba(255, 255, 255, 0.466) to create a consistent border color.
  17. The filter property is set to progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 ) in the .BG class, but it is not necessary since it is already set in the background property.
  18. The transform property is set to rotate(35deg) in the .Btn:hover .BG, .Btn2:hover .BG2, and .Btn3:hover .BG3 rules, but it should be rotate(10deg) to create a subtle rotation effect.
  19. The transition property is set to all .3s in the .BG, .BG2, and .BG3 classes, but it should be transform .3s to only transition the transform property.
  20. The transition property is set to all .3s in the .svgContainer, .svgContainer2, and .svgContainer3 classes, but it should be background-color .3s to only transition the background-color property.
  21. The transition property is set to all .3s in the .Btn, .Btn2, and .Btn3 classes, but it should be background-color .3s to only transition the background-color property.
  22. The width and height properties are set to 45px in the .Btn, .Btn2, and .Btn3 classes, but it should be 50px to create a consistent size.
  23. The border-radius property is set to 7px in the .Btn, .Btn2, and .Btn3 classes, but it should be 5px to create a smaller border radius.
  24. The cursor property is set to pointer in the .Btn, .Btn2, and .Btn3 classes, but it should be default to create a consistent cursor.
  25. The position property is set to relative in the .Btn, .Btn2, and .Btn3 classes, but it should be absolute to position the elements relative to their parent container.
  26. The display property is set to flex in the .Btn, .Btn2, and .Btn3 classes, but it should be inline-flex to create a consistent display style.
  27. The justify-content property is set to center in the .Btn, .Btn2, and .Btn3 classes, but

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.