<commit_before>import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-about',
  templateUrl: './about.component.html',
  styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
        imgConfig = {
                "people": [
                        {
                                "name":"Kendall",
                                "bio":"Team Captain",
                                "imgpath":"../../../assets/team/kendall.jpg"
                        },
                        {
                                "name":"Megan",
                                "bio":"Outreach Captain",
                                "imgpath":"../../../assets/team/megan.jpg"
                        },
                        {
                                "name":"Blake",
                                "bio":"Programming Captain",
                                "imgpath":'../../../assets/team/blake.jpg'
                        },
                        {
                                "name":"Clayton",
                                "bio":"Construction Captain",
                                "imgpath":'../../../assets/team/clayton.jpg'
                        },
                        {
                                "name":"Ehan",
                                "bio":"3D Printing Captain",
                                "imgpath":'../../../assets/team/ehan.jpg'
                        },
                        {
                                "name":"Amir",
                                "bio":"3D Printing Co-Captain",
                                "imgpath":'../../../assets/team/amir.jpg'
                        },
                        {
                                "name":"Joshua",
                                "bio":"Programming",
                                "imgpath":"../../../assets/team/josh.jpg"
                        },
                        {
                                "name":"Niema",
                                "bio":"Programming",
                                "imgpath":"../../../assets/team/niema.jpg"
                        },
                        {
                                "name":"Will",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/will.jpg"
                        },
                        {
                                "name":"Justin",
                                "bio":"3D Printing",
                                "imgpath":"../../../assets/team/justin.jpg"
                        },
                        {
                                "name":"Jude",
                                "bio":"Programming",
                                "imgpath":"../../../assets/team/jude.jpg"
                        },
                        {
                                "name":"Julian",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/julian.jpg"
                        },
                        {
                                "name":"Parker",
                                "bio":"Outreach",
                                "imgpath":"../../../assets/team/parker.jpg"
                        },
                        {
                                "name":"Ethan",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/ethan.jpg"
                        },
                        {
                                "name":"Alex",
                                "bio":"Programming",
                                "imgpath":"../../../assets/team/alex.jpg"
                        },
                        {
                                "name":"Kyle",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/kyle.jpg"
                        },
                        {
                                "name":"<NAME>",
                                "bio":"3D Printing",
                                "imgpath":"../../../assets/team/meade.jpg"
                        },
                        {
                                "name":"Matt",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/matt.jpg"
                        },
                        {
                                "name":"placeholder",
                                "bio":"don't remove",
                                "imgpath":'just dont'
                        }
                ]
        };
        
        constructor() { }

        ngOnInit() {
                let carry = 0;
                      
                for (var person = 0; person < this.imgConfig.people.length; person++) {
                        var rowContainer = document.createElement("DIV");
                        var style = document.createAttribute("style");
                        style.value = "display: flex; justify-content: center; align-items: center; flex-direction: row";
                        rowContainer.setAttributeNode(style);
                        
                        for (var i = 0; i <= 2; i++) {
                                rowContainer.appendChild(this.generateImageLine(person + i));<commit_msg>Working on dynamic grid maker for about-page<commit_after>import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-about',
  templateUrl: './about.component.html',
  styleUrls: ['./about.component.css']
})
export class AboutComponent implements OnInit {
        imgConfig = {
                "people": [
                        {
                                "name":"Kendall",
                                "bio":"Team Captain",
                                "imgpath":"../../../assets/team/kendall.jpg"
                        },
                        {
                                "name":"Megan",
                                "bio":"Outreach Captain",
                                "imgpath":"../../../assets/team/megan.jpg"
                        },
                        {
                                "name":"Blake",
                                "bio":"Programming Captain",
                                "imgpath":'../../../assets/team/blake.jpg'
                        },
                        {
                                "name":"Clayton",
                                "bio":"Construction Captain",
                                "imgpath":'../../../assets/team/clayton.jpg'
                        },
                        {
                                "name":"Ehan",
                                "bio":"3D Printing Captain",
                                "imgpath":'../../../assets/team/ehan.jpg'
                        },
                        {
                                "name":"Amir",
                                "bio":"3D Printing Co-Captain",
                                "imgpath":'../../../assets/team/amir.jpg'
                        },
                        {
                                "name":"Joshua",
                                "bio":"Programming",
                                "imgpath":"../../../assets/team/josh.jpg"
                        },
                        {
                                "name":"Niema",
                                "bio":"Programming",
                                "imgpath":"../../../assets/team/niema.jpg"
                        },
                        {
                                "name":"Will",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/will.jpg"
                        },
                        {
                                "name":"Justin",
                                "bio":"3D Printing",
                                "imgpath":"../../../assets/team/justin.jpg"
                        },
                        {
                                "name":"Jude",
                                "bio":"Programming",
                                "imgpath":"../../../assets/team/jude.jpg"
                        },
                        {
                                "name":"Julian",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/julian.jpg"
                        },
                        {
                                "name":"Parker",
                                "bio":"Outreach",
                                "imgpath":"../../../assets/team/parker.jpg"
                        },
                        {
                                "name":"Ethan",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/ethan.jpg"
                        },
                        {
                                "name":"Alex",
                                "bio":"Programming",
                                "imgpath":"../../../assets/team/alex.jpg"
                        },
                        {
                                "name":"Kyle",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/kyle.jpg"
                        },
                        {
                                "name":"<NAME>",
                                "bio":"3D Printing",
                                "imgpath":"../../../assets/team/meade.jpg"
                        },
                        {
                                "name":"Matt",
                                "bio":"Construction",
                                "imgpath":"../../../assets/team/matt.jpg"
                        }
                ]
        };
        
        constructor() { }

        ngOnInit() {
                let carry = 0;
                let iterations = 2;
                
                var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);
                
                if (w < 854 && w > 568) {
                        iterations = 1;
                }
                if (w < 567) {
                        iterations = 0;
                }
                if (w > 1120) {
                        iterations = 3;
                }
                
                      
                for (var person = 0; person < this.imgConfig.people.length; person++) {
                        var rowContainer = document.createElement("DIV");
                        var style = document.createAttribute("style");
                        style.value = "display: flex; justify-content: center; align-items: center; flex-direction: row";
                        rowContainer.setAttributeNode(style);
                        
                        for (var i = 0; i < iterations + 1; i++) {
                                //           ^ was 2 originally
                                rowContainer.appendChild(this.generateImageLine(person + i));
{'fraction_non_alphanumeric': 0.13050483351235231, 'fraction_numerical': 0.003132832080200501, 'mean_word_length': 0.5624388197454901, 'pattern_counts': {'":': 113, '<': 11, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4253561', 'n_tokens_mistral': 2449, 'n_tokens_neox': 2168, 'n_words': 279}