commit e5d4d5dfe3bf7979a222695c5673c5e50b69ffc2 Author: bob bob Date: Sat Feb 18 23:15:53 2023 +0000 new file: .cache/replit/nix/env.json new file: .config/configstore/update-notifier-npm.json new file: .config/configstore/update-notifier-npm.json.2701252402 new file: .replit new file: .vscode/launch.json new file: Internet.html new file: about.html new file: case.html new file: cooling.html new file: cpu.html new file: css/about.css new file: css/home.css new file: css/log copy.css new file: css/log.css new file: css/parts.css new file: css/pc.css new file: css/profile.css new file: global.css new file: global.js new file: gpu.html new file: hdd.html new file: home.html new file: images/pc-case.png new file: images/sal.jpeg new file: includes/dbh.inc.php new file: includes/functions.inc.php new file: includes/login.inc.php new file: includes/signup.inc.php new file: index.html new file: js/log copy.js new file: js/log.js new file: keyb.html new file: log copy.html new file: log.html new file: monitor.html new file: mouse.html new file: pc.html new file: profile.html new file: psu.html new file: ram.html new file: register.html new file: replit.nix new file: ssd.html diff --git a/.cache/replit/nix/env.json b/.cache/replit/nix/env.json new file mode 100644 index 0000000..9eecddf --- /dev/null +++ b/.cache/replit/nix/env.json @@ -0,0 +1 @@ +{"entries":{"replit.nix":{"env":{"AR":"ar","AS":"as","CC":"gcc","CONFIG_SHELL":"/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin/bash","CXX":"g++","HOST_PATH":"/nix/store/mj9madzlh0xwcccb30qsnsclfjxr5k1s-vscode-langservers-extracted-3.0.1/bin:/nix/store/rszcnphk27fvfr2hq5pcr07jccf2dqy1-typescript-language-server-0.9.6/bin:/nix/store/jd1y449cf66yx5d1hwyjvc4562b1p1am-coreutils-9.0/bin:/nix/store/jjvw20r6pz3ff7pn91yhvfx8s7izsqan-findutils-4.8.0/bin:/nix/store/ndd6gh8zigjy0j68arj7nyrbcw4kcw01-diffutils-3.8/bin:/nix/store/bpg0ia8nkavzw7s66avi1f9nz72i1p3r-gnused-4.8/bin:/nix/store/df3ff57sbkgbdhc4ar19zs4y0hrhggii-gnugrep-3.7/bin:/nix/store/4fv981732jqzirah3h2y6ynmlsfbxb37-gawk-5.1.1/bin:/nix/store/k5ifa08z0qlkknnb8s1bdh2kdrx0qmd0-gnutar-1.34/bin:/nix/store/dcird3wn9xywy49w3qq1hpjwvjfn3lph-gzip-1.11/bin:/nix/store/s85iyc3p9nbinwvwx9rcqirf1m68zpmm-bzip2-1.0.6.0.2-bin/bin:/nix/store/msncxcf5lgy5by9cqjyxchxd26x47d64-gnumake-4.3/bin:/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin:/nix/store/gi3psbgxbf2fmvgi36pmw77nnh58vq3l-patch-2.7.6/bin:/nix/store/sqb20f4rk80lw21j4is85qwljlphmn3g-xz-5.2.5-bin/bin","LD":"ld","LOCALE_ARCHIVE":"/usr/lib/locale/locale-archive","NIX_BINTOOLS":"/nix/store/spm7d6ncyx2k5w8yl6clzynv2s4wf1kp-binutils-wrapper-2.35.2","NIX_BINTOOLS_WRAPPER_TARGET_HOST_x86_64_unknown_linux_gnu":"1","NIX_BUILD_CORES":"8","NIX_BUILD_TOP":"/tmp","NIX_CC":"/nix/store/2qwnn6lizc9d119kp3zig3q19gbfm4n6-gcc-wrapper-10.3.0","NIX_CC_WRAPPER_TARGET_HOST_x86_64_unknown_linux_gnu":"1","NIX_CFLAGS_COMPILE":" -frandom-seed=qfbj2w45kl","NIX_ENFORCE_NO_NATIVE":"1","NIX_HARDENING_ENABLE":"fortify stackprotector pic strictoverflow format relro bindnow","NIX_INDENT_MAKE":"1","NIX_LDFLAGS":"-rpath /nix/store/qfbj2w45kliilxjmvsvz3iqm4mxk1qf1-nix-shell/lib64 -rpath /nix/store/qfbj2w45kliilxjmvsvz3iqm4mxk1qf1-nix-shell/lib ","NIX_STORE":"/nix/store","NM":"nm","OBJCOPY":"objcopy","OBJDUMP":"objdump","PATH":"/nix/store/bccsypsvjskpzsgzww8bzjgqmck4bjbf-bash-interactive-5.1-p8/bin:/nix/store/bqmg7l0jn6nhgjlfc981g1imzb6ny8xl-patchelf-0.13/bin:/nix/store/2qwnn6lizc9d119kp3zig3q19gbfm4n6-gcc-wrapper-10.3.0/bin:/nix/store/6r5h4h7nqx73m87j5b9sjwy2x9kyri0k-gcc-10.3.0/bin:/nix/store/csz8v8xi2f644j26n84i20dnqmq43sih-glibc-2.33-117-bin/bin:/nix/store/jd1y449cf66yx5d1hwyjvc4562b1p1am-coreutils-9.0/bin:/nix/store/spm7d6ncyx2k5w8yl6clzynv2s4wf1kp-binutils-wrapper-2.35.2/bin:/nix/store/h19zwlkrp6b0hp3ypbqdcggnyarn3af6-binutils-2.35.2/bin:/nix/store/mj9madzlh0xwcccb30qsnsclfjxr5k1s-vscode-langservers-extracted-3.0.1/bin:/nix/store/rszcnphk27fvfr2hq5pcr07jccf2dqy1-typescript-language-server-0.9.6/bin:/nix/store/jd1y449cf66yx5d1hwyjvc4562b1p1am-coreutils-9.0/bin:/nix/store/jjvw20r6pz3ff7pn91yhvfx8s7izsqan-findutils-4.8.0/bin:/nix/store/ndd6gh8zigjy0j68arj7nyrbcw4kcw01-diffutils-3.8/bin:/nix/store/bpg0ia8nkavzw7s66avi1f9nz72i1p3r-gnused-4.8/bin:/nix/store/df3ff57sbkgbdhc4ar19zs4y0hrhggii-gnugrep-3.7/bin:/nix/store/4fv981732jqzirah3h2y6ynmlsfbxb37-gawk-5.1.1/bin:/nix/store/k5ifa08z0qlkknnb8s1bdh2kdrx0qmd0-gnutar-1.34/bin:/nix/store/dcird3wn9xywy49w3qq1hpjwvjfn3lph-gzip-1.11/bin:/nix/store/s85iyc3p9nbinwvwx9rcqirf1m68zpmm-bzip2-1.0.6.0.2-bin/bin:/nix/store/msncxcf5lgy5by9cqjyxchxd26x47d64-gnumake-4.3/bin:/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin:/nix/store/gi3psbgxbf2fmvgi36pmw77nnh58vq3l-patch-2.7.6/bin:/nix/store/sqb20f4rk80lw21j4is85qwljlphmn3g-xz-5.2.5-bin/bin","RANLIB":"ranlib","READELF":"readelf","SIZE":"size","SOURCE_DATE_EPOCH":"315532800","STRINGS":"strings","STRIP":"strip","XDG_DATA_DIRS":"/nix/store/bqmg7l0jn6nhgjlfc981g1imzb6ny8xl-patchelf-0.13/share","_":"/nix/store/jd1y449cf66yx5d1hwyjvc4562b1p1am-coreutils-9.0/bin/env","__ETC_PROFILE_SOURCED":"1","buildInputs":"/nix/store/mj9madzlh0xwcccb30qsnsclfjxr5k1s-vscode-langservers-extracted-3.0.1 /nix/store/rszcnphk27fvfr2hq5pcr07jccf2dqy1-typescript-language-server-0.9.6","builder":"/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin/bash","configureFlags":"","depsBuildBuild":"","depsBuildBuildPropagated":"","depsBuildTarget":"","depsBuildTargetPropagated":"","depsHostHost":"","depsHostHostPropagated":"","depsTargetTarget":"","depsTargetTargetPropagated":"","doCheck":"","doInstallCheck":"","name":"nix-shell","nativeBuildInputs":"","nobuildPhase":"echo\necho \"This derivation is not meant to be built, aborting\";\necho\nexit 1\n","out":"/nix/store/qfbj2w45kliilxjmvsvz3iqm4mxk1qf1-nix-shell","outputs":"out","patches":"","phases":"nobuildPhase","propagatedBuildInputs":"","propagatedNativeBuildInputs":"","shell":"/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin/bash","shellHook":"","stdenv":"/nix/store/z7wz8q1i0j4jmfpn87wpakwma6q0k90n-stdenv-linux","strictDeps":"","system":"x86_64-linux"},"dependencies":[{"path":"replit.nix","mod_time":"2022-03-14T23:31:45.35298035Z"}],"channel":"stable-21_11","channel_nix_path":"/nix/store/ki2jvm59r70z94nhzxa1hqsn2amr5n62-nixpkgs-stable-21_11-21.11.tar.gz/nixpkgs-stable-21_11"}}} \ No newline at end of file diff --git a/.config/configstore/update-notifier-npm.json b/.config/configstore/update-notifier-npm.json new file mode 100644 index 0000000..558101e --- /dev/null +++ b/.config/configstore/update-notifier-npm.json @@ -0,0 +1,10 @@ +{ + "optOut": false, + "lastUpdateCheck": 1676197516737, + "update": { + "latest": "9.4.2", + "current": "6.14.15", + "type": "major", + "name": "npm" + } +} \ No newline at end of file diff --git a/.config/configstore/update-notifier-npm.json.2701252402 b/.config/configstore/update-notifier-npm.json.2701252402 new file mode 100644 index 0000000..e69de29 diff --git a/.replit b/.replit new file mode 100644 index 0000000..6ea2d23 --- /dev/null +++ b/.replit @@ -0,0 +1,179 @@ +hidden=[".config"] + +# hosting is currently hardcoded for this language +# [hosting] +# route = "/" +# directory= "/" + +[nix] +channel = "stable-21_11" + +[languages.html] +pattern = "**/*.html" + [languages.html.languageServer] +start = "vscode-html-language-server --stdio" + [languages.html.languageServer.initializationOptions] + provideFormatter = true + [languages.html.languageServer.configuration.html] + customData = [ ] + autoCreateQuotes = true + autoClosingTags = true + mirrorCursorOnMatchingTag = false + + [languages.html.languageServer.configuration.html.completion] + attributeDefaultValue = "doublequotes" + + [languages.html.languageServer.configuration.html.format] + enable = true + wrapLineLength = 120 + unformatted = "wbr" + contentUnformatted = "pre,code,textarea" + indentInnerHtml = false + preserveNewLines = true + indentHandlebars = false + endWithNewline = false + extraLiners = "head, body, /html" + wrapAttributes = "auto" + templating = false + unformattedContentDelimiter = "" + + [languages.html.languageServer.configuration.html.suggest] + html5 = true + + [languages.html.languageServer.configuration.html.validate] + scripts = true + styles = true + + [languages.html.languageServer.configuration.html.hover] + documentation = true + references = true + + [languages.html.languageServer.configuration.html.trace] + server = "off" + +[languages.javascript] +pattern = "**/{*.js,*.jsx,*.ts,*.tsx,*.mjs,*.cjs}" + [languages.javascript.languageServer] +start = "typescript-language-server --stdio" + +[languages.css] +pattern = "**/{*.less,*.scss,*.css}" + [languages.css.languageServer] +start = "vscode-css-language-server --stdio" + [languages.css.languageServer.configuration.css] + customData = [ ] + validate = true + + [languages.css.languageServer.configuration.css.completion] + triggerPropertyValueCompletion = true + completePropertyWithSemicolon = true + + [languages.css.languageServer.configuration.css.hover] + documentation = true + references = true + + [languages.css.languageServer.configuration.css.lint] + # Configure linting + # ignore = don't show any warning or error + # warning = show yellow underline + # error = show red underline + argumentsInColorFunction = "error" # Invalid number of parameters + boxModel = "ignore" # Do not use width or height when using padding or border + compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties" + duplicateProperties = "warning" # Do not use duplicate style definitions + emptyRules = "warning" # Do not use empty rulesets + float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. + fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties + hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers + idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML. + ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older + important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. + importStatement = "ignore" # Import statements do not load in parallel + propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display + universalSelector = "ignore" # The universal selector (*) is known to be slow + unknownAtRules = "warning" # Unknown at-rule + unknownProperties = "warning" # Unknown property. + validProperties = [ ] # add some properties that the linter doesn't know about + unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property. + vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property + zeroUnits = "ignore" # No unit for zero needed + + [languages.css.languageServer.configuration.css.trace] + server = "off" + + [languages.css.languageServer.configuration.scss] + validate = true + + [languages.css.languageServer.configuration.scss.completion] + triggerPropertyValueCompletion = true + completePropertyWithSemicolon = true + + [languages.css.languageServer.configuration.scss.hover] + documentation = true + references = true + + [languages.css.languageServer.configuration.scss.lint] + # Configure linting + # ignore = don't show any warning or error + # warning = show yellow underline + # error = show red underline + argumentsInColorFunction = "error" # Invalid number of parameters + boxModel = "ignore" # Do not use width or height when using padding or border + compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties" + duplicateProperties = "warning" # Do not use duplicate style definitions + emptyRules = "warning" # Do not use empty rulesets + float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. + fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties + hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers + idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML. + ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older + important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. + importStatement = "ignore" # Import statements do not load in parallel + propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display + universalSelector = "ignore" # The universal selector (*) is known to be slow + unknownAtRules = "warning" # Unknown at-rule + unknownProperties = "warning" # Unknown property. + validProperties = [ ] # add some properties that the linter doesn't know about + unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property. + vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property + zeroUnits = "ignore" # No unit for zero needed" + + [languages.css.languageServer.configuration.less] + validate = true + + [languages.css.languageServer.configuration.less.completion] + triggerPropertyValueCompletion = true + completePropertyWithSemicolon = true + + [languages.css.languageServer.configuration.less.hover] + documentation = true + references = true + + [languages.css.languageServer.configuration.less.lint] + # Configure linting + # ignore = don't show any warning or error + # warning = show yellow underline + # error = show red underline + argumentsInColorFunction = "error" # Invalid number of parameters + boxModel = "ignore" # Do not use width or height when using padding or border + compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties" + duplicateProperties = "warning" # Do not use duplicate style definitions + emptyRules = "warning" # Do not use empty rulesets + float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes. + fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties + hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers + idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML. + ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older + important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored. + importStatement = "ignore" # Import statements do not load in parallel + propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display + universalSelector = "ignore" # The universal selector (*) is known to be slow + unknownAtRules = "warning" # Unknown at-rule + unknownProperties = "warning" # Unknown property. + validProperties = [ ] # add some properties that the linter doesn't know about + unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property. + vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property + zeroUnits = "ignore" # No unit for zero needed" + +[gitHubImport] +requiredFiles = [".replit", "replit.nix", ".config"] \ No newline at end of file diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..3992dad --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "msedge", + "request": "launch", + "name": "Launch Edge against localhost", + "url": "C:/Users/bob/Downloads/web project -1/home.html", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/Internet.html b/Internet.html new file mode 100644 index 0000000..8fbdc72 --- /dev/null +++ b/Internet.html @@ -0,0 +1,110 @@ + + + + + + + + + + Computer Builder: Internet + + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

From here you can select a variety of CPUs to look at + and compare, those CPUs being from both AMD and INTEL

+ + + + + +
+ + + +
+ + + +
+ + + +

Test Wireless

+ + + + + + + +

Test Wired

+ + + + + + + +

wired adapter 1

+ + + + +

wireless adapter 1

+ + + + +

wireless adapter 2

+ + + + +

wireless adapter 3

+ + + + +

wired adapter 2

+ + + + +

wired adapter 3

+ + + + +

wired adapter

+ + + + +

wireless adapter 4

+ + + +
+ + + + + + \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..927dd2e --- /dev/null +++ b/about.html @@ -0,0 +1,31 @@ + + + + + + + + + Computer Builder + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

this is for about

+ + + \ No newline at end of file diff --git a/case.html b/case.html new file mode 100644 index 0000000..38f49cb --- /dev/null +++ b/case.html @@ -0,0 +1,31 @@ + + + + + + + + + Computer Builder + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

this is for case

+ + + \ No newline at end of file diff --git a/cooling.html b/cooling.html new file mode 100644 index 0000000..34e7cbc --- /dev/null +++ b/cooling.html @@ -0,0 +1,31 @@ + + + + + + + + + Computer Builder + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

this is for cooling

+ + + \ No newline at end of file diff --git a/cpu.html b/cpu.html new file mode 100644 index 0000000..31c2a35 --- /dev/null +++ b/cpu.html @@ -0,0 +1,106 @@ + + + + + + + + + Computer Builder + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

From here you can select a variety of CPUs to look at and compare, those CPUs being from both AMD and INTEL

+ + + + + +
+ + + +
+ + + +
+ + + +

Test Intel

+ + + + + + + +

Test AMD

+ + + + + + + +

amd cpu 1

+ + + + +

intel cpu 1

+ + + + +

intel cpu 2

+ + + + +

intel cpu 3

+ + + + +

amd cpu 2

+ + + + +

amd cpu 3

+ + + + +

Amd cpu 4

+ + + + +

intel cpu 4

+ + + +
+ + + + + \ No newline at end of file diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..e69de29 diff --git a/css/home.css b/css/home.css new file mode 100644 index 0000000..220dfab --- /dev/null +++ b/css/home.css @@ -0,0 +1,89 @@ +/* to set a minimum height for the website */ +body{ + min-height: 100vw; +} + +/*card grid to allow cards to be displayed in a grid*/ +.card-grid { + display: grid; + grid-template-columns: repeat(4, auto); + gap: 45px; + margin-top: 40px; + } + + + /* card design for information pallets as first collumn*/ + .card { + background-color: #EADDCF; + width: 200px; + height: 260px; + border: 6px solid #CEBBA9; + padding: 10px; + text-align: left; + border-radius: 35px; + transition: 0.6s; + } + + /* makes the cards highlight themselves when you hover over them*/ + .card:hover { + box-shadow: 0 10px 16px 0 rgba(0,0,0,0.4); + background-color: #7FC8AB; + border: 6px solid #236E44; + transition: 0.6s; + } + + +/* text body above buttons */ +.hero { + display: flex; + flex-direction: row; + align-items: center; + gap: 140px; + } + + .hero-text { + display: flex; + padding-left: 60px; + flex-direction: column; + } + + /* for the image next to the text body */ + .hero-image { + margin-top: 50px; + width: 400px; + margin-bottom: 40px; + } + + +.title{ + font-size: 40px; + font-weight: 900; + font-family: sans-serif; + color: #292E3A; +} + +.text{ + font-size: 12px; + font-family: sans-serif; + font-weight: 900; + color: #292E3A; +} + +/* for the title of each card */ +.CT{ + font-family: sans-serif; + padding-left: 5px; + font-weight: 800; + color: #292E3A; + text-decoration: underline; +} + +/* for the text of each card */ +.Cf{ + padding-left: 10px; + font-weight: 600; + font-size: 14px; + color: #292E3A; + font-family: sans-serif; + padding-right: 10px; +} \ No newline at end of file diff --git a/css/log copy.css b/css/log copy.css new file mode 100644 index 0000000..8a04ad4 --- /dev/null +++ b/css/log copy.css @@ -0,0 +1,136 @@ +header{ + background-color: #EADDCF; + height: 44px; + width: 240px; + border-radius: 35px; + text-align: center; + margin-left: 70px; + margin-right: 5px; + border: 4px solid #CEBBA9; + transition: 0.5s; + color: #292E3A; + font-weight: 900; + } + + ::selection{ + color: #F1EFF0; + background: #D5B3FD; + } + .wrapper{ + width: 380px; + padding: 40px 30px 50px 30px; + background: #EADDCF; + border-radius: 5px; + text-align: center; + box-shadow: 10px 10px 15px rgba(0,0,0,0.1); + } + .wrapper header{ + font-size: 35px; + font-weight: 600; + } + .wrapper form{ + margin: 40px 0; + } + form .field{ + width: 75%; + margin-bottom: 20px; + } + form .field.shake{ + animation: shake 0.3s ease-in-out; + } + + form .field .input-area{ + height: 50px; + width: 100%; + position: relative; + } + form input{ + width: 100%; + height: 100%; + outline: none; + padding: 0 45px; + font-size: 20px; + background: #F1EFF0; + caret-color: #D5B3FD; + border-radius: 35px; + border: 5px solid #CEBBA9; + transition: all 0.2s ease; + } + form .field input:focus, + form .field.valid input{ + border: 5px solid #236E44; +} + form .field.shake input, + form .field.error input{ + border-color: #dc3545; + } + .field .input-area i{ + position: relative; + top: 50%; + font-size: 18px; + pointer-events: none; + transform: translateY(-50%); + } + .input-area .icon{ + left: 15px; + color: #F1EFF0; + transition: color 0.2s ease; + } + .input-area .error-icon{ + right: 15px; + color: #dc3545; + } + form input:focus ~ .icon, + form .field.valid .icon{ + color: #D5B3FD; + } + form .field.shake input:focus ~ .icon, + form .field.error input:focus ~ .icon{ + color: #bfbfbf; + } + form input::placeholder{ + color: #bfbfbf; + font-size: 17px; + } + form .field .error-txt{ + color: #dc3545; + text-align: left; + margin-top: 5px; + } + form .field .error{ + display: none; + } + form .field.shake .error, + form .field.error .error{ + display: block; + } + form .pass-txt{ + text-align: left; + margin-top: 15px; + } + form .reg-txt{ + text-align: left; + margin-top: 10px; + } + .wrapper a{ + color: #BA65FF; + margin-left: 15px; + text-decoration: none; + } + .wrapper a:hover{ + text-decoration: underline; + } + form input[type="submit"]{ + height: 50px; + margin-top: 15px; + color: #000; + padding: 0; + border: 4px solid #292E3A; + background: #d3aff1; + cursor: pointer; + transition: all 0.3s ease; + } + form input[type="submit"]:hover{ + color: #fff; + background: #BA65FF; + }; \ No newline at end of file diff --git a/css/log.css b/css/log.css new file mode 100644 index 0000000..46b601b --- /dev/null +++ b/css/log.css @@ -0,0 +1,164 @@ +header{ + background-color: #EADDCF; + height: 44px; + width: 240px; + border-radius: 35px; + text-align: center; + margin-left: 70px; + margin-right: 5px; + border: 4px solid #CEBBA9; + transition: 0.5s; + color: #292E3A; + font-weight: 900; + } + + ::selection{ + color: #F1EFF0; + background: #D5B3FD; + } + .wrapper{ + width: 380px; + padding: 40px 30px 50px 30px; + background: #EADDCF; + border-radius: 5px; + text-align: center; + box-shadow: 10px 10px 15px rgba(0,0,0,0.1); + } + .wrapper header{ + font-size: 35px; + font-weight: 600; + } + .wrapper form{ + margin: 40px 0; + } + form .field{ + width: 75%; + margin-bottom: 20px; + } + form .field.shake{ + animation: shake 0.3s ease-in-out; + } + + form .field .input-area{ + height: 50px; + width: 100%; + position: relative; + } + form input{ + width: 100%; + height: 50px; + outline: none; + padding: 0 45px; + font-size: 20px; + margin-bottom: 8px; + background: #F1EFF0; + caret-color: #D5B3FD; + border-radius: 35px; + border: 5px solid #CEBBA9; + transition: all 0.2s ease; + } + form .field input:focus, + form .field.valid input{ + border: 5px solid #236E44; +} + form .field.shake input, + form .field.error input{ + border-color: #dc3545; + } + .field .input-area i{ + position: relative; + top: 50%; + font-size: 18px; + pointer-events: none; + transform: translateY(-50%); + } + .input-area .icon{ + left: 15px; + color: #F1EFF0; + transition: color 0.2s ease; + } + .input-area .error-icon{ + right: 15px; + color: #dc3545; + } + form input:focus ~ .icon, + form .field.valid .icon{ + color: #D5B3FD; + } + form .field.shake input:focus ~ .icon, + form .field.error input:focus ~ .icon{ + color: #bfbfbf; + } + form input::placeholder{ + color: #bfbfbf; + font-size: 17px; + } + form .field .error-txt{ + color: #dc3545; + text-align: left; + margin-top: 5px; + } + form .field .error{ + display: none; + } + form .field.shake .error, + form .field.error .error{ + display: block; + } + form .pass-txt{ + text-align: left; + margin-top: 15px; + } + form .reg-txt{ + text-align: left; + margin-top: 10px; + } + .wrapper a{ + color: #BA65FF; + margin-left: 15px; + text-decoration: none; + } + .wrapper a:hover{ + text-decoration: underline; + } + form input[type="submit"]{ + height: 50px; + margin-top: 15px; + color: #000; + padding: 0; + border: 4px solid #292E3A; + background: #d3aff1; + cursor: pointer; + transition: all 0.3s ease; + } + form input[type="submit"]:hover{ + color: #fff; + background: #BA65FF; + }; + button[type="submit"]{ + height: 50px; + margin-top: 15px; + color: #000; + padding: 0; + border: 4px solid #292E3A; + background: #d3aff1; + cursor: pointer; + transition: all 0.3s ease; + } + button[type="submit"]:hover{ + color: #fff; + background: #BA65FF; + }; + button{ + width: 100%; + height: 50px; + outline: none; + padding: 0 45px; + font-size: 20px; + margin-bottom: 8px; + background: #F1EFF0; + caret-color: #D5B3FD; + border-radius: 35px; + border: 5px solid #CEBBA9; + transition: all 0.2s ease; + } \ No newline at end of file diff --git a/css/parts.css b/css/parts.css new file mode 100644 index 0000000..927400f --- /dev/null +++ b/css/parts.css @@ -0,0 +1,55 @@ +body{ + min-height:100vw; +} + + +/*card grid to allow cards to be displayed in a grid*/ +.list-grid { + display: grid; + grid-template-columns: repeat(2, 320px); + gap: 45px; + } + + + /* card design for information pallets as first collumn*/ + .list { + background-color: #EADDCF; + width: 280px; + height: 180px; + margin-bottom: 25px; + margin-left: 60px; + border: 6px solid #CEBBA9; + padding: 5px; + text-align: center; + border-radius: 20px; + transition: 0.6s; + } + /* makes the cards highlight themselves when you hover over them*/ + .list:hover { + box-shadow: 0 10px 16px 0 rgba(0,0,0,0.4); + background-color: #7FC8AB; + border: 6px solid #236E44; + transition: 0.6s; + } + + + +/* text body above buttons */ +.lb { + display: flex; + flex-direction: row; + align-items: center; + gap: 10px; + } + + .lb-text { + display: flex; + padding-left: 5px; + flex-direction: column; + } + + /* for the image next to the text body */ + .lb-image { + margin-top: 10px; + height: 80px; + } \ No newline at end of file diff --git a/css/pc.css b/css/pc.css new file mode 100644 index 0000000..e69de29 diff --git a/css/profile.css b/css/profile.css new file mode 100644 index 0000000..0251571 --- /dev/null +++ b/css/profile.css @@ -0,0 +1,59 @@ +span{ + font-size: 22px; + font-family: sans-serif; + font-weight: 600; + color: #292E3A; +} + +t{ + font-size: 22px; + font-family: sans-serif; + font-weight: 400; + color: #292E3A; +} + + +/* text body for profile */ +.profile { + display: flex; + flex-direction: row; + align-items: center; + gap: 140px; + } + + .profile-text { + display: flex; + padding-left: 60px; + flex-direction: column; + } + + /* for the image next to the text body */ + .profile-image { + margin-top: 50px; + width: 80px; + height: 80px; + border-radius: 100px; + margin-bottom: 40px; + } + + +/*card grid to allow cards to be displayed in a grid*/ +.pfcard-grid { + display: grid; + grid-template-columns: repeat(4, auto); + gap: 45px; + margin-top: 40px; + } + + + /* card design for information pallets as first collumn*/ + .pfcard { + background-color: #EADDCF; + margin-left: 500px; + width: 300px; + height: 200px; + border: 6px solid #CEBBA9; + padding: 10px; + text-align: center; + border-radius: 35px; + } \ No newline at end of file diff --git a/global.css b/global.css new file mode 100644 index 0000000..5cc10a2 --- /dev/null +++ b/global.css @@ -0,0 +1,107 @@ +body { + background-color: #F4EBE2; + margin: 0; + font-family: sans-serif; + font-weight: 400; +} + +a { + color: inherit; + text-decoration: none; +} + +p { + font-weight: 600; + font-size: 14px; + color: #292E3A; + font-family: sans-serif; +} + +/* button pill */ +.pill{ + background-color: #EADDCF; + height: 35px; + width: 160px; + border-radius: 20px; + margin-bottom: 40px; + margin-left: 5px; + margin-right: 5px; + border: 4px solid #CEBBA9; + transition: 0.5s; + color: #292E3A; + font-weight: 900; +} + +.pill:hover{ + box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); + background-color: #7FC8AB; + transition: 0.5s; + border: 4px solid #236E44; +} + +.pill[data-selected] { + background-color: #D5B3FD; + border: 4px solid #393939; +} + +.topnav-container { + background-color: #F4EBE2; + padding: 10px; + padding-bottom: 0px; + position: sticky; + top: 0; +} + +/* Add a black background color to the top navigation */ +.topnav { + background-color: #333; + box-shadow: 0 10px 16px 0 rgba(0,0,0,0.5); + overflow: hidden; + height: 20px; + border-radius: 25px; + padding: 10px 0px; + display: flex; + justify-content: space-between; + align-items: center; + min-width: 95vw; +} + +/* for the BOB INC. */ +.logo { + color: white; + padding: 0px 16px; + margin: 4px; +} + +/* Style the links inside the navigation bar */ +.topnav-links a { + color: #f2f2f2; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-size: 18px; + font-weight: 400; +} + +/* Change the color of links on hover */ +.topnav-links a:hover { + background-color: #CEBBA9; + font-size: 18px; + color: black; + font-weight: 500; + text-decoration: underline; + transition: 0.5s; +} + +/*code to allow the nav bar to follow you as you scroll */ + +.sticky { + position: fixed; + top: 0; + width: 100%; +} + +.centered { + margin: 0 auto; + width: fit-content; +} diff --git a/global.js b/global.js new file mode 100644 index 0000000..34aac40 --- /dev/null +++ b/global.js @@ -0,0 +1,41 @@ +// makes it so the nav bar follows you as you scroll +window.onscroll = function() {myFunction()}; +var navbar = document.getElementById("navbar"); +var sticky = navbar.offsetTop; +function myFunction() { + if (window.pageYOffset >= sticky) { + navbar.classList.add("sticky") + } else { + navbar.classList.remove("sticky"); + } +} + + +// for card allignment - allows filtering of results +function showAllCards() { + const cards = document.querySelectorAll(`.card`); + + cards.forEach((item) => { + item.style.display = null; + }); + + document.getElementById("all").setAttribute('data-selected', true); + document.querySelectorAll(`.pill:not([id="all"])`).forEach((pill) => pill.removeAttribute("data-selected")); +} + +function showCategory(category) { + const CategoryItems = document.querySelectorAll(`.card[data-${category}]`); + const AllElse = document.querySelectorAll(`.card:not([data-${category}])`); + document.getElementById(category).setAttribute('data-selected', true); + document.querySelectorAll(`.pill:not([id="${category}"])`).forEach((pill) => pill.removeAttribute("data-selected")); + + CategoryItems.forEach((item) => { + item.style.display = null; + }); + + AllElse.forEach((item) => { + item.style.display = 'none'; + }); + + document.getElementById("all").removeAttribute('data-selected'); +} \ No newline at end of file diff --git a/gpu.html b/gpu.html new file mode 100644 index 0000000..f42d38e --- /dev/null +++ b/gpu.html @@ -0,0 +1,106 @@ + + + + + + + + + Computer Builder + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

From here you can select a variety of gpus to look at and compare, those gpus being from both AMD and nvidia

+ + + + + +
+ + + +
+ + + +
+ + + +

Test nvidia

+ + + + + + + +

Test AMD

+ + + + + + + +

amd gpu 1

+ + + + +

nvidia gpu 1

+ + + + +

nvidia gpu 2

+ + + + +

nvidia gpu 3

+ + + + +

amd gpu 2

+ + + + +

amd gpu 3

+ + + + +

Amd gpu 4

+ + + + +

nvidia gpu 4

+ + + +
+ + + + + \ No newline at end of file diff --git a/hdd.html b/hdd.html new file mode 100644 index 0000000..7cced81 --- /dev/null +++ b/hdd.html @@ -0,0 +1,110 @@ + + + + + + + + + + Computer Builder: HDD + + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

From here you can select a variety of storage drives to + look at and compare, those drives being from both faster more expensive drives and large volume drives

+ + + + + +
+ + + +
+ + + +
+ + + +

Test large

+ + + + + + + +

Test fast

+ + + + + + + +

fast drive 1

+ + + + +

large storage drive 1

+ + + + +

large storage drive 2

+ + + + +

large storage drive 3

+ + + + +

fast drive 2

+ + + + +

fast drive 3

+ + + + +

fast drive 4

+ + + + +

large storage drive 4

+ + + +
+ + + + + + \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 0000000..e115b26 --- /dev/null +++ b/home.html @@ -0,0 +1,137 @@ + + + + + + + + + + Computer Builder + + + + + +
+
+ +
+ HOME + PROFILE + REGISTER + YOUR PC + ABOUT +
+
+
+ + + + + + + + + + + +
+
+ BUILD YOUR OWN COMPUTER + AND LEARN ABOUT YOUR PC AS YOU BUILD IT. + Offers people ways in where they can learn about their computers as they build it + to ensure maximum customer satisfaction. +
+ +
+ + + + +
+ + + + +
+ + + +
+ +

CPU:

+

Look for a suitable brain for your computer.

Choose from:
1. AMD
2. INTEL

+ + + +

GPU:

+

Find the best Graphical Processing Unit for your system

Choose from:
1. AMD
2. NVIDIA +

+ + + +

RAM:

+

Find the best ram for your system.

Load files quicker with better RAM.

+ + + +

INTERNET:

+

For your computer to be able to access the internet you would need a network adapter, normally you + can choose from:

1. Wifi Adapters
2. Ethernet Adapaters

+ + + +

CASE:

+

you need a case to put your pc parts inside.

Find the best case to house all of your + computer’s Components.

+ + + +

PSU:

+

This deivce is used to provide your system with the necessary power in order to function

- + ensure your PSU is rated to provide enough power to your system!

+ + + +

HDD:

+

These are storage devices known as Hard Disk Drive, these are typically robust and cheap and are + able to retain a large amount of storage

+ + + +

SSD:

+

These are a storage devices known as Solid State Drive, these tend to be the more expensive and + smaller counter part to HDD however they are fast

+ + + +

MOUSE:

+

This is an input device used to input where you are pointing. You can find a large variety of these + and they tend to be typically inexpensive.

+ + + +

KEYBOARD:

+

This is an input device used to input letters, such as typing. They come in 2 main forms which are: +

1. Mechanical Keyboards
2. Membrane Keyboards

+ + + +

MONITOR:

+

To be able to visually see the output of your system you will need a display.

These displays + can have different resolutions for a difference in quality and different refresh rates for smoothness.

+ + + +

COOLING:

+

In order to ensure that your system doesnt overheat, buy a cooler capable enough to keep your system + adequately cool!

+ + +
+ + + + + \ No newline at end of file diff --git a/images/pc-case.png b/images/pc-case.png new file mode 100644 index 0000000..f8183fc Binary files /dev/null and b/images/pc-case.png differ diff --git a/images/sal.jpeg b/images/sal.jpeg new file mode 100644 index 0000000..131371c Binary files /dev/null and b/images/sal.jpeg differ diff --git a/includes/dbh.inc.php b/includes/dbh.inc.php new file mode 100644 index 0000000..cea8c9a --- /dev/null +++ b/includes/dbh.inc.php @@ -0,0 +1,13 @@ + + + + + + + + + + Computer Builder + + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + + + + + + + + + + +
+
+ BUILD YOUR OWN COMPUTER + AND LEARN ABOUT YOUR PC AS YOU BUILD IT. + Offers people ways in where they can learn about their computers as they build it + to ensure maximum customer satisfaction. +
+ +
+ + + + +
+ + + + +
+ + + +
+ +

CPU:

+

Look for a suitable brain for your computer.

Choose from:
1. AMD
2. INTEL

+ + + +

GPU:

+

Find the best Graphical Processing Unit for your system

Choose from:
1. AMD
2. NVIDIA +

+ + + +

RAM:

+

Find the best ram for your system.

Load files quicker with better RAM.

+ + + +

INTERNET:

+

For your computer to be able to access the internet you would need a network adapter, normally you + can choose from:

1. Wifi Adapters
2. Ethernet Adapaters

+ + + +

CASE:

+

you need a case to put your pc parts inside.

Find the best case to house all of your + computer’s Components.

+ + + +

PSU:

+

This deivce is used to provide your system with the necessary power in order to function

- + ensure your PSU is rated to provide enough power to your system!

+ + + +

HDD:

+

These are storage devices known as Hard Disk Drive, these are typically robust and cheap and are + able to retain a large amount of storage

+ + + +

SSD:

+

These are a storage devices known as Solid State Drive, these tend to be the more expensive and + smaller counter part to HDD however they are fast

+ + + +

MOUSE:

+

This is an input device used to input where you are pointing. You can find a large variety of these + and they tend to be typically inexpensive.

+ + + +

KEYBOARD:

+

This is an input device used to input letters, such as typing. They come in 2 main forms which are: +

1. Mechanical Keyboards
2. Membrane Keyboards +

+ + + +

MONITOR:

+

To be able to visually see the output of your system you will need a display.

These displays + can have different resolutions for a difference in quality and different refresh rates for smoothness.

+ + + +

COOLING:

+

In order to ensure that your system doesnt overheat, buy a cooler capable enough to keep your system + adequately cool!

+ + +
+ + + + + \ No newline at end of file diff --git a/js/log copy.js b/js/log copy.js new file mode 100644 index 0000000..f115cba --- /dev/null +++ b/js/log copy.js @@ -0,0 +1,55 @@ +const form = document.querySelector("form") +eField = form.querySelector(".email"), +eInput = eField.querySelector("input"), +pField = form.querySelector(".password"), +pInput = pField.querySelector("input"); + + +form.onsubmit = (e)=>{ + e.preventDefault(); //preventing from form submitting + //if email and password is blank then add shake class in it else call specified function + (eInput.value == "") ? eField.classList.add("shake", "error") : checkEmail(); + (pInput.value == "") ? pField.classList.add("shake", "error") : checkPass(); + + + setTimeout(()=>{ //remove shake class after 500ms + eField.classList.remove("shake"); + pField.classList.remove("shake"); + }, 500); + + + eInput.onkeyup = ()=>{checkEmail();} //calling checkEmail function on email input keyup + pInput.onkeyup = ()=>{checkPass();} //calling checkPassword function on pass input keyup + + + function checkEmail(){ //checkEmail function + let pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/; //pattern for validate email + if(!eInput.value.match(pattern)){ //if pattern not matched then add error and remove valid class + eField.classList.add("error"); + eField.classList.remove("valid"); + let errorTxt = eField.querySelector(".error-txt"); + //if email value is not empty then show please enter valid email else show Email can't be blank + (eInput.value != "") ? errorTxt.innerText = "Enter a valid email address" : errorTxt.innerText = "Email can't be blank"; + }else{ //if pattern matched then remove error and add valid class + eField.classList.remove("error"); + eField.classList.add("valid"); + } + } + + + function checkPass(){ //checkPass function + if(pInput.value == ""){ //if pass is empty then add error and remove valid class + pField.classList.add("error"); + pField.classList.remove("valid"); + }else{ //if pass is empty then remove error and add valid class + pField.classList.remove("error"); + pField.classList.add("valid"); + } + } + + + //if eField and pField doesn't contains error class that mean user filled details properly + if(!eField.classList.contains("error") && !pField.classList.contains("error")){ + window.location.href = form.getAttribute("action"); //redirecting user to the specified url which is inside action attribute of form tag + } +}; \ No newline at end of file diff --git a/js/log.js b/js/log.js new file mode 100644 index 0000000..f115cba --- /dev/null +++ b/js/log.js @@ -0,0 +1,55 @@ +const form = document.querySelector("form") +eField = form.querySelector(".email"), +eInput = eField.querySelector("input"), +pField = form.querySelector(".password"), +pInput = pField.querySelector("input"); + + +form.onsubmit = (e)=>{ + e.preventDefault(); //preventing from form submitting + //if email and password is blank then add shake class in it else call specified function + (eInput.value == "") ? eField.classList.add("shake", "error") : checkEmail(); + (pInput.value == "") ? pField.classList.add("shake", "error") : checkPass(); + + + setTimeout(()=>{ //remove shake class after 500ms + eField.classList.remove("shake"); + pField.classList.remove("shake"); + }, 500); + + + eInput.onkeyup = ()=>{checkEmail();} //calling checkEmail function on email input keyup + pInput.onkeyup = ()=>{checkPass();} //calling checkPassword function on pass input keyup + + + function checkEmail(){ //checkEmail function + let pattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/; //pattern for validate email + if(!eInput.value.match(pattern)){ //if pattern not matched then add error and remove valid class + eField.classList.add("error"); + eField.classList.remove("valid"); + let errorTxt = eField.querySelector(".error-txt"); + //if email value is not empty then show please enter valid email else show Email can't be blank + (eInput.value != "") ? errorTxt.innerText = "Enter a valid email address" : errorTxt.innerText = "Email can't be blank"; + }else{ //if pattern matched then remove error and add valid class + eField.classList.remove("error"); + eField.classList.add("valid"); + } + } + + + function checkPass(){ //checkPass function + if(pInput.value == ""){ //if pass is empty then add error and remove valid class + pField.classList.add("error"); + pField.classList.remove("valid"); + }else{ //if pass is empty then remove error and add valid class + pField.classList.remove("error"); + pField.classList.add("valid"); + } + } + + + //if eField and pField doesn't contains error class that mean user filled details properly + if(!eField.classList.contains("error") && !pField.classList.contains("error")){ + window.location.href = form.getAttribute("action"); //redirecting user to the specified url which is inside action attribute of form tag + } +}; \ No newline at end of file diff --git a/keyb.html b/keyb.html new file mode 100644 index 0000000..58049e7 --- /dev/null +++ b/keyb.html @@ -0,0 +1,31 @@ + + + + + + + + + Computer Builder + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

this is for keyboard

+ + + \ No newline at end of file diff --git a/log copy.html b/log copy.html new file mode 100644 index 0000000..0519281 --- /dev/null +++ b/log copy.html @@ -0,0 +1,60 @@ + + + + + + + + + + Computer Builder + + + + +
+
+ +
+ HOME + PROFILE + YOUR PC + ABOUT +
+
+
+ + + + +
+
+
Login Form
+
+ +
+
+ + + +
+
Password can't be blank
+
+ Forgot password? + Register + +
+
+
+ + + + + \ No newline at end of file diff --git a/log.html b/log.html new file mode 100644 index 0000000..aac5372 --- /dev/null +++ b/log.html @@ -0,0 +1,63 @@ + + + + + + + + + + + Computer Builder + + + + + +
+
+ +
+ HOME + PROFILE + YOUR PC + ABOUT +
+
+
+ + + + + + + + + + + + +
+
+
Login Page
+
+
+ + +
+ Forgot password? + Register + +
+
+
+ + + + + + \ No newline at end of file diff --git a/monitor.html b/monitor.html new file mode 100644 index 0000000..e95cee7 --- /dev/null +++ b/monitor.html @@ -0,0 +1,110 @@ + + + + + + + + + + Computer Builder + + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

From here you can select a variety of storage drives to + look at and compare, those drives being from both faster more expensive drives and large volume drives

+ + + + + +
+ + + +
+ + + +
+ + + +

Test refresh

+ + + + + + + +

Test resolution

+ + + + + + + +

high resolution 1

+ + + + +

high refresh 1

+ + + + +

high refresh 2

+ + + + +

high refresh 3

+ + + + +

high resolution 2

+ + + + +

high resolution 3

+ + + + +

high resolution 4

+ + + + +

high refresh 4

+ + + +
+ + + + + + \ No newline at end of file diff --git a/mouse.html b/mouse.html new file mode 100644 index 0000000..c25bcaa --- /dev/null +++ b/mouse.html @@ -0,0 +1,31 @@ + + + + + + + + + Computer Builder + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

this is for mouse

+ + + \ No newline at end of file diff --git a/pc.html b/pc.html new file mode 100644 index 0000000..1573db4 --- /dev/null +++ b/pc.html @@ -0,0 +1,34 @@ + + + + + + + + + + Computer Builder: parts + + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

this is for pc list

+ + + + \ No newline at end of file diff --git a/profile.html b/profile.html new file mode 100644 index 0000000..abec0e8 --- /dev/null +++ b/profile.html @@ -0,0 +1,51 @@ + + + + + + + + + + + Computer Builder: profile + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + + + +
+
+ This is your user profile page +
+ +
+ + + + +
+ + very cool existing input + +
+ + + + + \ No newline at end of file diff --git a/psu.html b/psu.html new file mode 100644 index 0000000..7ef8ffc --- /dev/null +++ b/psu.html @@ -0,0 +1,110 @@ + + + + + + + + + + Computer Builder + + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

From here you can select a variety of storage drives to + look at and compare, those drives being from both faster more expensive drives and large volume drives

+ + + + + +
+ + + +
+ + + +
+ + + +

Test stable

+ + + + + + + +

Test power

+ + + + + + + +

powerful PSU 1

+ + + + +

stable PSU 1

+ + + + +

stable PSU 2

+ + + + +

stable PSU 3

+ + + + +

powerful PSU 2

+ + + + +

powerful PSU 3

+ + + + +

powerful PSU 4

+ + + + +

stable PSU 4

+ + + +
+ + + + + + \ No newline at end of file diff --git a/ram.html b/ram.html new file mode 100644 index 0000000..9738589 --- /dev/null +++ b/ram.html @@ -0,0 +1,111 @@ + + + + + + + + + + Computer Builder: RAM + + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

From here you can select a variety of storage drives to + look at and compare, those drives being from both faster more expensive RAM sticks and RAM with a larger data + capacity

+ + + + + +
+ + + +
+ + + +
+ + + +

Test large

+ + + + + + + +

Test fast

+ + + + + + + +

fast drive 1

+ + + + +

large storage drive 1

+ + + + +

large storage drive 2

+ + + + +

large storage drive 3

+ + + + +

fast drive 2

+ + + + +

fast drive 3

+ + + + +

fast drive 4

+ + + + +

large storage drive 4

+ + + +
+ + + + + + \ No newline at end of file diff --git a/register.html b/register.html new file mode 100644 index 0000000..926e6f6 --- /dev/null +++ b/register.html @@ -0,0 +1,54 @@ + + + + + + + + + + + Computer Builder + + + + + +
+
+ +
+ HOME + PROFILE + YOUR PC + ABOUT +
+
+
+ + + + +
+
+
Register
+
+
+ + + + + +
+ Login + +
+
+
+ + + + + + + \ No newline at end of file diff --git a/replit.nix b/replit.nix new file mode 100644 index 0000000..82dea6f --- /dev/null +++ b/replit.nix @@ -0,0 +1,6 @@ +{ pkgs }: { + deps = [ + pkgs.nodePackages.vscode-langservers-extracted + pkgs.nodePackages.typescript-language-server + ]; +} \ No newline at end of file diff --git a/ssd.html b/ssd.html new file mode 100644 index 0000000..db1069d --- /dev/null +++ b/ssd.html @@ -0,0 +1,110 @@ + + + + + + + + + + Computer Builder: SSD + + + + + +
+
+ +
+ HOME + PROFILE + LOGOUT + YOUR PC + ABOUT +
+
+
+ + +

From here you can select a variety of storage drives to + look at and compare, those drives being from both faster more expensive drives and large volume drives

+ + + + + +
+ + + +
+ + + +
+ + + +

Test large

+ + + + + + + +

Test fast

+ + + + + + + +

fast drive 1

+ + + + +

large storage drive 1

+ + + + +

large storage drive 2

+ + + + +

large storage drive 3

+ + + + +

fast drive 2

+ + + + +

fast drive 3

+ + + + +

fast drive 4

+ + + + +

large storage drive 4

+ + + +
+ + + + + + \ No newline at end of file