IT4C.dev/docs/.vuepress/client.ts
sebastian2357 3d5d2fff0a
refactor(other): new website structure (#227)
* - added new site /new/README.md
- added new components
- added component registration "client.js"
- added approach for tailwind integration (does not work yet)

* Use TypeScript and script setup

* No ts for .textlintrc

* Make Tailwind work

* include heropage contents

partially fixes https://github.com/IT4Change/IT4C.dev/issues/221

* adjust contents of Services

Adjust contents according to
https://github.com/IT4Change/IT4C.dev/issues/222

* added Team & Values texts

According to https://github.com/IT4Change/IT4C.dev/issues/223

* fixed type

* fixed unreferenced styles/main.css

* sample from theme-hope-docu

From
https://theme-hope.vuejs.press/guide/layout/home.html#project-highlights-and-features

* - adapted Hope hero section
- removed remaining Hero Widgets
- added ContentSection
- optimized layout of team section

* - optimized layout/style of ContactForm

* - made TeamMember functional and added some transitions
- added new members as placeholder

* Hero at 100vh; transparent navbar on home page

* Add text and image for Max

* Keep logo text in same row as logo

* - added REST request to mail backend
- added limitations to contact fields

* - added photo and phone number to contact form

* - changed contact person and phone number

* - replaced hero section
- replaced default layout
- replaced footer

* clean up

* - optimized colors

* - clean up AI comments

* move new page from /new to /

* fixed errors with contactForm

* fix projects

* fix merge error

* corrected image for Sebastian

* - improved layout

* - fixed tag colors
- fixed phone number color and hover

---------

Co-authored-by: Sebastian Stein <git@codepassion.de>
Co-authored-by: Maximilian Harz <maxharz@gmail.com>
Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
Co-authored-by: Sebastian Stein <sebastian@codepassion.de>
2025-03-17 01:09:31 +01:00

32 lines
1.2 KiB
TypeScript

import { defineClientConfig } from 'vuepress/client'
import { setupTransparentNavbar } from "vuepress-theme-hope/presets/transparentNavbar.js";
import BlankLayout from './layouts/BlankLayout.vue'
import ContactForm from './components/ContactForm.vue'
import ContentSection from './components/ContentSection.vue'
import Footer from './components/Footer.vue'
import ProcessStep from './components/ProcessStep.vue'
import ProjectCard from './components/ProjectCard.vue'
import ServiceCard from './components/ServiceCard.vue'
import TeamMember from './components/TeamMember.vue'
export default defineClientConfig({
enhance({ app }) {
app.component('ContactForm', ContactForm)
app.component('ContentSection', ContentSection)
app.component('Footer', Footer)
app.component('ProcessStep', ProcessStep)
app.component('ProjectCard', ProjectCard)
app.component('TeamMember', TeamMember)
app.component('ServiceCard', ServiceCard)
},
setup() {
setupTransparentNavbar({ type: "homepage" });
},
// You can override or add layouts here
layouts: {
// For example, here we change the default layout of vuepress-theme-hope to layouts/Layout.vue
BlankLayout,
}
})