devicons-react 1.0.9 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/docs/package.json DELETED
@@ -1,25 +0,0 @@
1
- {
2
- "name": "portfolio",
3
- "version": "0.1.0",
4
- "private": true,
5
- "scripts": {
6
- "dev": "next",
7
- "build": "next build",
8
- "start": "next start"
9
- },
10
- "dependencies": {
11
- "devicons-react": "^1.0.8",
12
- "eslint": "^8.7.0",
13
- "highlight.js": "^11.2.0",
14
- "next": "^10.0.1",
15
- "next-pwa": "^5.3.1",
16
- "next-seo": "^4.26.0",
17
- "react": "^17.0.2",
18
- "react-dom": "^17.0.2",
19
- "react-is": "^17.0.2",
20
- "styled-components": "^5.2.3"
21
- },
22
- "devDependencies": {
23
- "babel-plugin-styled-components": "^2.0.2"
24
- }
25
- }
@@ -1,22 +0,0 @@
1
- import { Fragment } from 'react'
2
- import Head from 'next/head'
3
-
4
- import { DefaultSeo } from 'next-seo'
5
- import SEO from './../next-seo.config'
6
-
7
- import { GlobalStyle } from '../style/Style'
8
-
9
- const App = ({ Component, pageProps }) => {
10
- return (
11
- <Fragment>
12
- <Head>
13
- <meta name="viewport" content="width=device-width,initial-scale=1" />
14
- </Head>
15
- <DefaultSeo {...SEO} />
16
- <GlobalStyle />
17
- <Component {...pageProps} />
18
- </Fragment>
19
- )
20
- }
21
-
22
- export default App
@@ -1,77 +0,0 @@
1
- import Document, { Html, Head, Main, NextScript } from 'next/document'
2
- import { ServerStyleSheet } from 'styled-components'
3
-
4
- export default class MyDocument extends Document {
5
- static async getInitialProps(ctx) {
6
- const sheet = new ServerStyleSheet()
7
- const originalRenderPage = ctx.renderPage
8
-
9
- try {
10
- ctx.renderPage = () =>
11
- originalRenderPage({
12
- enhanceApp: (App) => (props) =>
13
- sheet.collectStyles(<App {...props} />),
14
- })
15
-
16
- const initialProps = await Document.getInitialProps(ctx)
17
- return {
18
- ...initialProps,
19
- styles: (
20
- <>
21
- {initialProps.styles}
22
- {sheet.getStyleElement()}
23
- </>
24
- ),
25
- }
26
- } finally {
27
- sheet.seal()
28
- }
29
- }
30
-
31
- render() {
32
- return (
33
- <>
34
- <Html lang="en">
35
- <Head>
36
- <link rel="manifest" href="/manifest.webmanifest" />
37
- <link rel="apple-touch-icon" href="/icon/logo192.png" />
38
- <link rel="icon" href="/icon/favicon.ico" />
39
- <meta name="theme-color" content="#000000" />
40
- <link rel="preconnect" href="https://fonts.googleapis.com" />
41
- <link
42
- rel="preconnect"
43
- href="https://fonts.gstatic.com"
44
- crossOrigin="true"
45
- />
46
- <link
47
- href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap"
48
- rel="stylesheet"
49
- />
50
-
51
- {/* Global Site Tag (gtag.js) - Google Analytics */}
52
- <script
53
- async
54
- src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS}`}
55
- />
56
- <script
57
- dangerouslySetInnerHTML={{
58
- __html: `
59
- window.dataLayer = window.dataLayer || [];
60
- function gtag(){dataLayer.push(arguments);}
61
- gtag('js', new Date());
62
- gtag('config', '${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS}', {
63
- page_path: window.location.pathname,
64
- });
65
- `,
66
- }}
67
- />
68
- </Head>
69
- <body>
70
- <Main />
71
- <NextScript />
72
- </body>
73
- </Html>
74
- </>
75
- )
76
- }
77
- }
@@ -1,16 +0,0 @@
1
- import { Fragment } from 'react'
2
- import FilteredList from '../components/FilteredList/FilteredList'
3
- import Header from '../components/Header/Header'
4
- import Footer from '../components/Footer/Footer'
5
-
6
- const index = () => {
7
- return (
8
- <Fragment>
9
- <Header />
10
- <FilteredList />
11
- <Footer/>
12
- </Fragment>
13
- )
14
- }
15
-
16
- export default index
Binary file
Binary file
Binary file
@@ -1,28 +0,0 @@
1
- {
2
- "short_name": "Devicons React",
3
- "name": "Devicons React",
4
- "description": "Devicons React is a collection of icons that symbolize programming languages, design tools, and development software.",
5
- "icons": [
6
- {
7
- "src": "/icon/favicon.ico",
8
- "sizes": "64x64 32x32 24x24 16x16",
9
- "type": "image/x-icon",
10
- "purpose": "any maskable"
11
- },
12
- {
13
- "src": "/icon/logo192.png",
14
- "type": "image/png",
15
- "sizes": "192x192"
16
- },
17
- {
18
- "src": "/icon/logo512.png",
19
- "type": "image/png",
20
- "sizes": "512x512"
21
- }
22
- ],
23
- "start_url": ".",
24
- "display": "standalone",
25
- "theme_color": "#000000",
26
- "background_color": "#ffffff",
27
- "scope": "/"
28
- }
@@ -1,101 +0,0 @@
1
- import { createGlobalStyle } from 'styled-components'
2
-
3
- export const GlobalStyle = createGlobalStyle`
4
-
5
- html {
6
- scroll-behavior: smooth;
7
- }
8
-
9
- * {
10
- box-sizing: border-box;
11
- padding: 0;
12
- margin: 0;
13
- }
14
-
15
- body {
16
- margin: 0;
17
- font-family: "Montserrat", sans-serif;
18
- color: #2e2e2e;
19
- }
20
-
21
- ::-webkit-scrollbar {
22
- width: 0.6rem;
23
- height: 0.6rem;
24
- background-color: #071013;
25
- }
26
-
27
- ::-webkit-scrollbar-thumb {
28
- background-color: #44575f;
29
- }
30
-
31
- .hljs {
32
- display: block;
33
- overflow-x: auto;
34
- padding: .5em;
35
- background: #282a36;
36
- border: 0;
37
- }
38
-
39
- .hljs-keyword,
40
- .hljs-link,
41
- .hljs-literal,
42
- .hljs-section,
43
- .hljs-selector-tag {
44
- color: #8be9fd
45
- }
46
-
47
- .hljs-function .hljs-keyword {
48
- color: #ff79c6
49
- }
50
-
51
- .hljs,
52
- .hljs-subst {
53
- color: #f8f8f2
54
- }
55
-
56
- .hljs-addition,
57
- .hljs-attribute,
58
- .hljs-bullet,
59
- .hljs-name,
60
- .hljs-string,
61
- .hljs-symbol,
62
- .hljs-template-tag,
63
- .hljs-template-variable,
64
- .hljs-title,
65
- .hljs-type,
66
- .hljs-variable {
67
- color: #f1fa8c
68
- }
69
-
70
- .hljs-comment,
71
- .hljs-deletion,
72
- .hljs-meta,
73
- .hljs-quote {
74
- color: #6272a4
75
- }
76
-
77
- .hljs-doctag,
78
- .hljs-keyword,
79
- .hljs-literal,
80
- .hljs-name,
81
- .hljs-section,
82
- .hljs-selector-tag,
83
- .hljs-strong,
84
- .hljs-title,
85
- .hljs-type {
86
- font-weight: 700
87
- }
88
-
89
- .hljs-emphasis {
90
- font-style: italic
91
- }
92
-
93
- @keyframes animate-arrow-wave {
94
- 0% { opacity: 0.2; }
95
- 25% { opacity: 0.2; }
96
- 50% { opacity: 0.2; }
97
- 75% { opacity: 1.0; }
98
- 100% { opacity: 0.2; }
99
- }
100
-
101
- `