diff --git a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css index cf17dca..f26fe63 100644 --- a/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css +++ b/luckydiamond/src/assets/css/ComponentsStyles/DevelopComponent.css @@ -1,5 +1,5 @@ .info { - justify-content: center; + flex-direction: column; align-items: center; display: flex; } @@ -91,9 +91,88 @@ .card-2 { width: 250px; - width: 443px; + height: 443px; background-color: #413C3B; + border: 3px solid #595959 ; + border-color: #595959; + border-radius: 22px; + + +} +.text_2 { + width: 250px; + height: 221.5px; + display: inline-block; + flex-flow: column-reverse; + +} + +.aboutinfo_2 { + margin-top: 30px; + margin-left: 19px; + +} +.aboutinfo_2 p { + font-family: 'Montserrat'; + color: white; + font-size: 14px; + width: 79px; + height: 19px; +} +.aboutinfo_2 h1 { + font-family: 'Montserrat'; + color: white; + font-size: 32px; + width: 177px; + height: 37px; + +} +.whatjob_2 { + display: flex; + width: 183px; + height: 16px; + margin-left: 24px; + font-family: 'Montserrat'; + margin-top: 30px; +} +.whatjob_2 img { + width: 17px; + height: 20px; +} +.whatjob2_2 { + display: flex; + width: 183px; + height: 16px; + margin-left: 22px; + + font-family: 'Montserrat'; + margin-top: 10px; +} +.whatjob2_2 img { + width: 21px; + height: 21px; +} +.skin_2 { + width: 250px; + height: 221.5px; + display: inline-block; + display: flex; + align-items: center; + justify-content: center; +} +.skin_2_skin { + width: 212px; + height: 212px; + background-image: url(@/assets/icons-developcard/Hepatir.png); + justify-content: space-around; + display: flex; + align-items: flex-end; } + + + + + diff --git a/luckydiamond/src/assets/icons-developcard/Hepatir.png b/luckydiamond/src/assets/icons-developcard/Hepatir.png new file mode 100644 index 0000000..9eb1a94 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/Hepatir.png differ diff --git a/luckydiamond/src/assets/icons-developcard/Logo_C_sharp.png b/luckydiamond/src/assets/icons-developcard/Logo_C_sharp.png new file mode 100644 index 0000000..905bd58 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/Logo_C_sharp.png differ diff --git a/luckydiamond/src/assets/icons-developcard/discord.png b/luckydiamond/src/assets/icons-developcard/discord.png new file mode 100644 index 0000000..cb46998 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/discord.png differ diff --git a/luckydiamond/src/assets/icons-developcard/pngegg.png b/luckydiamond/src/assets/icons-developcard/pngegg.png new file mode 100644 index 0000000..5d2e527 Binary files /dev/null and b/luckydiamond/src/assets/icons-developcard/pngegg.png differ diff --git a/luckydiamond/src/components/DevelopComponent.vue b/luckydiamond/src/components/DevelopComponent.vue index 7cd0364..d5a3bf4 100644 --- a/luckydiamond/src/components/DevelopComponent.vue +++ b/luckydiamond/src/components/DevelopComponent.vue @@ -21,18 +21,29 @@ -
+
- +

Бэкендер

+

Hepatir

- + html +

ASP, .NET, MongoDB

+
+
+ html +

SQL

+
- +
+ + + +
-
+
diff --git a/luckydiamond/src/components/__VLS_template.js b/luckydiamond/src/components/__VLS_template.js new file mode 100644 index 0000000..af9db39 --- /dev/null +++ b/luckydiamond/src/components/__VLS_template.js @@ -0,0 +1,241 @@ +import { __VLS_internalComponent, __VLS_componentsOption, __VLS_name } from './DevelopComponent.vue'; + +function __VLS_template() { +let __VLS_ctx!: InstanceType<__VLS_PickNotAny {}>> & {}; +/* Components */ +let __VLS_otherComponents!: NonNullable & typeof __VLS_componentsOption; +let __VLS_own!: __VLS_SelfComponent { $slots: typeof __VLS_slots; })>; +let __VLS_localComponents!: typeof __VLS_otherComponents & Omit; +let __VLS_components!: typeof __VLS_localComponents & __VLS_GlobalComponents & typeof __VLS_ctx; +/* Style Scoped */ +type __VLS_StyleScopedClasses = {}; +let __VLS_styleScopedClasses!: __VLS_StyleScopedClasses | keyof __VLS_StyleScopedClasses | (keyof __VLS_StyleScopedClasses)[]; +/* CSS variable injection */ +/* CSS variable injection end */ +let __VLS_resolvedLocalAndGlobalComponents!: {}; +__VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; __VLS_intrinsicElements.div; +__VLS_intrinsicElements.p; __VLS_intrinsicElements.p; __VLS_intrinsicElements.p; __VLS_intrinsicElements.p; +__VLS_intrinsicElements.h1; __VLS_intrinsicElements.h1; +__VLS_intrinsicElements.img; __VLS_intrinsicElements.img; __VLS_intrinsicElements.img; __VLS_intrinsicElements.img; __VLS_intrinsicElements.img; __VLS_intrinsicElements.img; +__VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; __VLS_intrinsicElements.a; +{ +const __VLS_0 = __VLS_intrinsicElements["div"]; +const __VLS_1 = __VLS_elementAsFunctionalComponent(__VLS_0); +const __VLS_2 = __VLS_1({ ...{}, class: ("info"), }, ...__VLS_functionalComponentArgsRest(__VLS_1)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("info"), }); +const __VLS_3 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2)!; +let __VLS_4!: __VLS_NormalizeEmits; +{ +const __VLS_5 = __VLS_intrinsicElements["div"]; +const __VLS_6 = __VLS_elementAsFunctionalComponent(__VLS_5); +const __VLS_7 = __VLS_6({ ...{}, class: ("card"), }, ...__VLS_functionalComponentArgsRest(__VLS_6)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("card"), }); +const __VLS_8 = __VLS_pickFunctionalComponentCtx(__VLS_5, __VLS_7)!; +let __VLS_9!: __VLS_NormalizeEmits; +{ +const __VLS_10 = __VLS_intrinsicElements["div"]; +const __VLS_11 = __VLS_elementAsFunctionalComponent(__VLS_10); +const __VLS_12 = __VLS_11({ ...{}, class: ("text"), }, ...__VLS_functionalComponentArgsRest(__VLS_11)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("text"), }); +const __VLS_13 = __VLS_pickFunctionalComponentCtx(__VLS_10, __VLS_12)!; +let __VLS_14!: __VLS_NormalizeEmits; +{ +const __VLS_15 = __VLS_intrinsicElements["div"]; +const __VLS_16 = __VLS_elementAsFunctionalComponent(__VLS_15); +const __VLS_17 = __VLS_16({ ...{}, class: ("aboutinfo"), }, ...__VLS_functionalComponentArgsRest(__VLS_16)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("aboutinfo"), }); +const __VLS_18 = __VLS_pickFunctionalComponentCtx(__VLS_15, __VLS_17)!; +let __VLS_19!: __VLS_NormalizeEmits; +{ +const __VLS_20 = __VLS_intrinsicElements["p"]; +const __VLS_21 = __VLS_elementAsFunctionalComponent(__VLS_20); +const __VLS_22 = __VLS_21({ ...{}, }, ...__VLS_functionalComponentArgsRest(__VLS_21)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, }); +const __VLS_23 = __VLS_pickFunctionalComponentCtx(__VLS_20, __VLS_22)!; +let __VLS_24!: __VLS_NormalizeEmits; +(__VLS_23.slots!).default; +} +{ +const __VLS_25 = __VLS_intrinsicElements["h1"]; +const __VLS_26 = __VLS_elementAsFunctionalComponent(__VLS_25); +const __VLS_27 = __VLS_26({ ...{}, }, ...__VLS_functionalComponentArgsRest(__VLS_26)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, }); +const __VLS_28 = __VLS_pickFunctionalComponentCtx(__VLS_25, __VLS_27)!; +let __VLS_29!: __VLS_NormalizeEmits; +(__VLS_28.slots!).default; +} +(__VLS_18.slots!).default; +} +{ +const __VLS_30 = __VLS_intrinsicElements["div"]; +const __VLS_31 = __VLS_elementAsFunctionalComponent(__VLS_30); +const __VLS_32 = __VLS_31({ ...{}, class: ("whatjob"), }, ...__VLS_functionalComponentArgsRest(__VLS_31)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("whatjob"), }); +const __VLS_33 = __VLS_pickFunctionalComponentCtx(__VLS_30, __VLS_32)!; +let __VLS_34!: __VLS_NormalizeEmits; +{ +const __VLS_35 = __VLS_intrinsicElements["img"]; +const __VLS_36 = __VLS_elementAsFunctionalComponent(__VLS_35); +const __VLS_37 = __VLS_36({ ...{}, src: ("@/assets/icons-developcard/html.png"), alt: ("html"), }, ...__VLS_functionalComponentArgsRest(__VLS_36)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/html.png"), alt: ("html"), }); +const __VLS_38 = __VLS_pickFunctionalComponentCtx(__VLS_35, __VLS_37)!; +let __VLS_39!: __VLS_NormalizeEmits; +} +{ +const __VLS_40 = __VLS_intrinsicElements["p"]; +const __VLS_41 = __VLS_elementAsFunctionalComponent(__VLS_40); +const __VLS_42 = __VLS_41({ ...{}, }, ...__VLS_functionalComponentArgsRest(__VLS_41)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, }); +const __VLS_43 = __VLS_pickFunctionalComponentCtx(__VLS_40, __VLS_42)!; +let __VLS_44!: __VLS_NormalizeEmits; +(__VLS_43.slots!).default; +} +(__VLS_33.slots!).default; +} +{ +const __VLS_45 = __VLS_intrinsicElements["div"]; +const __VLS_46 = __VLS_elementAsFunctionalComponent(__VLS_45); +const __VLS_47 = __VLS_46({ ...{}, class: ("icons"), }, ...__VLS_functionalComponentArgsRest(__VLS_46)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("icons"), }); +const __VLS_48 = __VLS_pickFunctionalComponentCtx(__VLS_45, __VLS_47)!; +let __VLS_49!: __VLS_NormalizeEmits; +{ +const __VLS_50 = __VLS_intrinsicElements["a"]; +const __VLS_51 = __VLS_elementAsFunctionalComponent(__VLS_50); +const __VLS_52 = __VLS_51({ ...{}, href: ("https://tpverstak.ru/flex-cheatsheet/"), }, ...__VLS_functionalComponentArgsRest(__VLS_51)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, href: ("https://tpverstak.ru/flex-cheatsheet/"), }); +const __VLS_53 = __VLS_pickFunctionalComponentCtx(__VLS_50, __VLS_52)!; +let __VLS_54!: __VLS_NormalizeEmits; +{ +const __VLS_55 = __VLS_intrinsicElements["img"]; +const __VLS_56 = __VLS_elementAsFunctionalComponent(__VLS_55); +const __VLS_57 = __VLS_56({ ...{}, src: ("@/assets/icons-developcard/odniclasniki.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_56)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/odniclasniki.png"), alt: (""), }); +const __VLS_58 = __VLS_pickFunctionalComponentCtx(__VLS_55, __VLS_57)!; +let __VLS_59!: __VLS_NormalizeEmits; +} +(__VLS_53.slots!).default; +} +{ +const __VLS_60 = __VLS_intrinsicElements["a"]; +const __VLS_61 = __VLS_elementAsFunctionalComponent(__VLS_60); +const __VLS_62 = __VLS_61({ ...{}, href: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_61)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, href: (""), }); +const __VLS_63 = __VLS_pickFunctionalComponentCtx(__VLS_60, __VLS_62)!; +let __VLS_64!: __VLS_NormalizeEmits; +{ +const __VLS_65 = __VLS_intrinsicElements["img"]; +const __VLS_66 = __VLS_elementAsFunctionalComponent(__VLS_65); +const __VLS_67 = __VLS_66({ ...{}, src: ("@/assets/icons-developcard/telegram.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_66)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/telegram.png"), alt: (""), }); +const __VLS_68 = __VLS_pickFunctionalComponentCtx(__VLS_65, __VLS_67)!; +let __VLS_69!: __VLS_NormalizeEmits; +} +(__VLS_63.slots!).default; +} +{ +const __VLS_70 = __VLS_intrinsicElements["a"]; +const __VLS_71 = __VLS_elementAsFunctionalComponent(__VLS_70); +const __VLS_72 = __VLS_71({ ...{}, href: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_71)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, href: (""), }); +const __VLS_73 = __VLS_pickFunctionalComponentCtx(__VLS_70, __VLS_72)!; +let __VLS_74!: __VLS_NormalizeEmits; +{ +const __VLS_75 = __VLS_intrinsicElements["img"]; +const __VLS_76 = __VLS_elementAsFunctionalComponent(__VLS_75); +const __VLS_77 = __VLS_76({ ...{}, src: ("@/assets/icons-developcard/like.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_76)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/like.png"), alt: (""), }); +const __VLS_78 = __VLS_pickFunctionalComponentCtx(__VLS_75, __VLS_77)!; +let __VLS_79!: __VLS_NormalizeEmits; +} +(__VLS_73.slots!).default; +} +{ +const __VLS_80 = __VLS_intrinsicElements["a"]; +const __VLS_81 = __VLS_elementAsFunctionalComponent(__VLS_80); +const __VLS_82 = __VLS_81({ ...{}, href: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_81)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, href: (""), }); +const __VLS_83 = __VLS_pickFunctionalComponentCtx(__VLS_80, __VLS_82)!; +let __VLS_84!: __VLS_NormalizeEmits; +{ +const __VLS_85 = __VLS_intrinsicElements["img"]; +const __VLS_86 = __VLS_elementAsFunctionalComponent(__VLS_85); +const __VLS_87 = __VLS_86({ ...{}, src: ("@/assets/icons-developcard/github.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_86)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/github.png"), alt: (""), }); +const __VLS_88 = __VLS_pickFunctionalComponentCtx(__VLS_85, __VLS_87)!; +let __VLS_89!: __VLS_NormalizeEmits; +} +(__VLS_83.slots!).default; +} +(__VLS_48.slots!).default; +} +(__VLS_13.slots!).default; +} +{ +const __VLS_90 = __VLS_intrinsicElements["div"]; +const __VLS_91 = __VLS_elementAsFunctionalComponent(__VLS_90); +const __VLS_92 = __VLS_91({ ...{}, class: ("skin"), }, ...__VLS_functionalComponentArgsRest(__VLS_91)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("skin"), }); +const __VLS_93 = __VLS_pickFunctionalComponentCtx(__VLS_90, __VLS_92)!; +let __VLS_94!: __VLS_NormalizeEmits; +{ +const __VLS_95 = __VLS_intrinsicElements["img"]; +const __VLS_96 = __VLS_elementAsFunctionalComponent(__VLS_95); +const __VLS_97 = __VLS_96({ ...{}, src: ("@/assets/icons-developcard/busha888.png"), alt: (""), }, ...__VLS_functionalComponentArgsRest(__VLS_96)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, src: ("@/assets/icons-developcard/busha888.png"), alt: (""), }); +const __VLS_98 = __VLS_pickFunctionalComponentCtx(__VLS_95, __VLS_97)!; +let __VLS_99!: __VLS_NormalizeEmits; +} +(__VLS_93.slots!).default; +} +(__VLS_8.slots!).default; +} +{ +const __VLS_100 = __VLS_intrinsicElements["div"]; +const __VLS_101 = __VLS_elementAsFunctionalComponent(__VLS_100); +const __VLS_102 = __VLS_101({ ...{}, class: ("card-2"), }, ...__VLS_functionalComponentArgsRest(__VLS_101)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("card-2"), }); +const __VLS_103 = __VLS_pickFunctionalComponentCtx(__VLS_100, __VLS_102)!; +let __VLS_104!: __VLS_NormalizeEmits; +{ +const __VLS_105 = __VLS_intrinsicElements["div"]; +const __VLS_106 = __VLS_elementAsFunctionalComponent(__VLS_105); +const __VLS_107 = __VLS_106({ ...{}, class: ("text_2"), }, ...__VLS_functionalComponentArgsRest(__VLS_106)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("text_2"), }); +const __VLS_108 = __VLS_pickFunctionalComponentCtx(__VLS_105, __VLS_107)!; +let __VLS_109!: __VLS_NormalizeEmits; +{ +const __VLS_110 = __VLS_intrinsicElements["div"]; +const __VLS_111 = __VLS_elementAsFunctionalComponent(__VLS_110); +const __VLS_112 = __VLS_111({ ...{}, class: ("aboutinfo_2"), }, ...__VLS_functionalComponentArgsRest(__VLS_111)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("aboutinfo_2"), }); +const __VLS_113 = __VLS_pickFunctionalComponentCtx(__VLS_110, __VLS_112)!; +let __VLS_114!: __VLS_NormalizeEmits; +} +{ +const __VLS_115 = __VLS_intrinsicElements["div"]; +const __VLS_116 = __VLS_elementAsFunctionalComponent(__VLS_115); +const __VLS_117 = __VLS_116({ ...{}, class: ("whatjob_2"), }, ...__VLS_functionalComponentArgsRest(__VLS_116)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("whatjob_2"), }); +const __VLS_118 = __VLS_pickFunctionalComponentCtx(__VLS_115, __VLS_117)!; +let __VLS_119!: __VLS_NormalizeEmits; +} +{ +const __VLS_120 = __VLS_intrinsicElements["div"]; +const __VLS_121 = __VLS_elementAsFunctionalComponent(__VLS_120); +const __VLS_122 = __VLS_121({ ...{}, class: ("skin_2"), }, ...__VLS_functionalComponentArgsRest(__VLS_121)); +({} as (props: __VLS_FunctionalComponentProps & Record) => void)({ ...{}, class: ("skin_2"), }); +const __VLS_123 = __VLS_pickFunctionalComponentCtx(__VLS_120, __VLS_122)!; +let __VLS_124!: __VLS_NormalizeEmits; +} +(__VLS_108.slots!).default; +} +(__VLS_103.slots!).default; +} +(__VLS_3.slots!).default; +} +if (typeof __VLS_styleScopedClasses === 'object' && !Array.isArray(__VLS_styleScopedClasses)) { +} +var __VLS_slots!: {}; +return __VLS_slots; +}