codycodes.github.io/index.html at master · codycodes/codycodes.github.io · 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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- iconj.com animated favicon code -->
    <link rel="shortcut icon" href="https://github.com/codycodes/codycodes.github.io/raw/master/assets/favicon.ico"
        type="image/x-icon" />
    <link rel="icon" href="https://github.com/codycodes/codycodes.github.io/raw/master/assets/favicon.gif"
        type="image/gif" />
    <!-- end of iconj.com animated favicon code -->

    <title>cody.codes - Cody's Portfolio</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- MDI Icons -->
    <link href="https://cdn.materialdesignicons.com/5.4.55/css/materialdesignicons.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/1-col-portfolio.css" rel="stylesheet">
    <link href="css/mdi.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="https://github.com/codycodes">
                    <i class="mdi mdi-github" aria-hidden="true"></i>
                    codycodes
                </a>
                <a class="navbar-brand" href="https://linkedin.com/in/codyantoniogagnon">
                    <i class="mdi mdi-linkedin" aria-hidden="true"></i>
                    /in/codyantoniogagnon
                </a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>

    <!-- Page Content -->
    <div class="container">

        <!-- Page Heading -->
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">Cody's Recent Projects</h1>
            </div>
        </div>
        <!-- /.row -->

        <div class="row">
            <div class="col-md-7">
                <a href="https://medium.com/p/ccfe7397215a">
                    <img class="img-responsive"
                        src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/azure-terraformer/azure-terraformer.webp"
                        alt="Dynamic Terraform Pattern for Azure Diagnostic Settings">
                </a>
            </div>
            <div class="col-md-5">
                <h3>Stopping Hardcoding Azure Diagnostic Settings</h3>
                <h4>A Dynamic Terraform Pattern for Scalable Azure Infrastructure</h4>
                <p>Developed and documented a dynamic Terraform pattern that eliminates hardcoded Azure Diagnostic
                    Settings configurations, making infrastructure code more maintainable and scalable. This approach
                    simplifies managing diagnostic settings across multiple Azure resources while keeping your Terraform
                    code DRY. Published as an approved writer for the Azure Terraformer Medium publication. Read the
                    article
                    <a href="https://medium.com/p/ccfe7397215a" target="_blank" rel="noopener noreferrer">on Medium</a>.
                </p>
            </div>
        </div>

        <hr>

        <div class="row">
            <div class="col-md-7">
                <a href="https://github.com/codycodes/terraform-azuread-ms365-hass">
                    <img class="img-responsive"
                        src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/terraform-azuread/terraform-azuread.png"
                        alt="Terraform Azure AD Home Assistant Integration">
                </a>
            </div>
            <div class="col-md-5">
                <h3>Terraform Azure AD MS365 Home Assistant Module</h3>
                <h4>Infrastructure as Code for Smart Home Cloud Integration</h4>
                <p>Created a Terraform module that automates the provisioning of Azure AD applications for integrating
                    Microsoft 365 services with Home Assistant. This module handles OAuth configuration, API
                    permissions,
                    and secret management, turning a complex multi-step manual process into declarative infrastructure
                    code.
                    Perfect for home automation enthusiasts who want to bring their calendar, to-do lists, and email
                    notifications into their smart home setup. Check out the
                    <a href="https://github.com/codycodes/terraform-azuread-ms365-hass" target="_blank"
                        rel="noopener noreferrer">
                        module on GitHub</a>.
                </p>
            </div>
        </div>

        <hr>

        <div class="row">
            <div class="col-md-7">
                <a href="https://global-innovation-exchange.github.io/FaceSpace/main.html">
                    <img class="img-responsive"
                        src="https://github.com/codycodes/codycodes.github.io/raw/master/assets/facespace/facespace.jpg"
                        alt="facespace web app">
                </a>
            </div>
            <div class="col-md-5">
                <h3>facespace</h3>
                <h4>Webapp to Bring Mindfulness to Face Touching via Your Webcam</h4>
                <p>Built with Google's TensorFlow.js 3D facemesh and handpose models, this web app detects when your
                    hand is touching your face and alerts you in real-time.
                    Try it out: <a href="https://global-innovation-exchange.github.io/FaceSpace/main.html"
                        target="_blank" rel="noopener noreferrer">here</a>.</p>
            </div>
        </div>

        <hr>


        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Cody Antonio Gagnon 2026</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

</body>

</html>