website/src/pages/community.jsx at 2d71c0930c1fd9b7b31f0679c7e9d2b289271971 · legacycoderocks/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
import Head from 'next/head'
import { ProseContainer } from '@/components/ProseContainer'

export function CardWithHeader({title, children}) {
  return (
    <>
      <div className="divide-y divide-gray-200 overflow-hidden rounded-lg bg-white shadow my-4 mb-6">
        <div className="not-prose px-4 py-5 sm:px-6 bg-brand-yellow-400">
          <h3 className="text-base font-semibold leading-6 text-gray-900">
            {title}
          </h3>
        </div>
        <div className="px-4 py-0">
          {children}
        </div>
      </div>
    </>
  )
}

export function SignUpButton({href, children}) {
  return (
    <div className="not-prose mb-5">
      <a
        href={href}
        className="rounded-md bg-brand-red-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-brand-red-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-red-600"
      >
        {children}
      </a>
    </div>
  )
}

export default function Community() {
  return (
    <>
      <Head>
        <title>
          Community - Legacy Code Rocks - Explore the world of modernizing existing software applications
        </title>
        <meta
          name="description"
          content="Explore the world of modernizing existing software applications"
        />
      </Head>
      <ProseContainer>
        <h1>Connect with Menders</h1>
        <p>
          Legacy Code Rocks isn&apos;t <em>just</em> a podcast. It&apos;s also a thriving
          community. There are several ways that you can connect with other
          listeners. Check out the options below.
        </p>

        <CardWithHeader title="Join Us on Slack">
          <p>
            <a href="http://slack.legacycode.rocks">Stay in the know with
            Slack</a>. Share resources, discuss blog articles, find jobs,
            ask technical questions, mentor others, and more. All while
            getting to know the other 1,000 people who have already signed up.
          </p>
          <SignUpButton href="http://slack.legacycode.rocks">
            Join Now
          </SignUpButton>
        </CardWithHeader>

        <CardWithHeader title="Attend Our Virtual Meetup">
          <p>
            Every Wednesday at 1pm Eastern Time, you can join menders from
            around the world to learn from each other, participate in code
            katas, hash out project challenges, and more.
          </p>

          <SignUpButton href="https://us02web.zoom.us/j/88113500864?pwd=YlNzSXQzeUdlVzVZL05yRmNGWVlUZz09">
            Join Now
          </SignUpButton>
        </CardWithHeader>

        <CardWithHeader title="Network and Learn At MenderCon">
          <p>
            Legacy Code Rocks launched an annual conference, <a href="https://mendercon.com">
            MenderCon</a> which is focused on exploring the joy in all things
            related to software maintenance and improvement.
          </p>

          <SignUpButton href="https://mendercon.com">
            Join Now
          </SignUpButton>
        </CardWithHeader>

        <CardWithHeader title="Explore Example Codebases">
          <p>
            We feel strongly that examining codebases can be a great way to
            learn. We&apos;ve compiled and continue to nurture a list of notable
            codebases that have source code available. Want to see the code
            that landed humans on the moon? Want to dig into the source for
            the first web browser? Come and take a peek at <a href="https://github.com/legacycoderocks/awesome-legacy-code">
            Awesome Legacy Code</a> on GitHub.
          </p>

          <SignUpButton href="https://github.com/legacycoderocks/awesome-legacy-code">
            View the Repository
          </SignUpButton>
        </CardWithHeader>

        <CardWithHeader title="Improve This Website">
          <p>
            The <a href="https://github.com/legacycoderocks/website">source code</a>{' '}
            for this website is published on GitHub as an open source project.
            If you see something that you&apos;d like to change, please open up a
            pull request or create an issue.
          </p>

          <SignUpButton href="https://github.com/legacycoderocks/website">
            View the Source
          </SignUpButton>
        </CardWithHeader>

      </ProseContainer>
    </>
  )
}

export async function getStaticProps() {
  return {
    props: {}
  }
}