Difference between revisions of "Team:RUM-UPRM"

Line 10,682: Line 10,682:
 
         <!-- Footer-->
 
         <!-- Footer-->
 
         <footer class="footer bg-black small text-center text-white-50"><div class="container">Copyright © UPRM-RUM 2020</div></footer>
 
         <footer class="footer bg-black small text-center text-white-50"><div class="container">Copyright © UPRM-RUM 2020</div></footer>
        <!-- Bootstrap core JS-->
 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
 
        <!-- Third party plugin JS-->
 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
 
 
        <!-- jquery script -->
 
        <!-- <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> -->
 
 
        <!-- Core theme JS-->
 
        <script>
 
 
            /*!
 
              * Start Bootstrap - Grayscale v6.0.2 (https://startbootstrap.com/themes/grayscale)
 
              * Copyright 2013-2020 Start Bootstrap
 
              * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-grayscale/blob/master/LICENSE)
 
              */
 
 
            (function ($) {
 
                "use strict"; // Start of use strict
 
 
                // Smooth scrolling using jQuery easing
 
                $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function () {
 
                    if (
 
                        location.pathname.replace(/^\//, "") ==
 
                            this.pathname.replace(/^\//, "") &&
 
                        location.hostname == this.hostname
 
                    ) {
 
                        var target = $(this.hash);
 
                        target = target.length
 
                            ? target
 
                            : $("[name=" + this.hash.slice(1) + "]");
 
                        if (target.length) {
 
                            $("html, body").animate(
 
                                {
 
                                    scrollTop: target.offset().top - 70,
 
                                },
 
                                1000,
 
                                "easeInOutExpo"
 
                            );
 
                            return false;
 
                        }
 
                    }
 
                });
 
 
                // Closes responsive menu when a scroll trigger link is clicked
 
                $(".js-scroll-trigger").click(function () {
 
                    $(".navbar-collapse").collapse("hide");
 
                });
 
 
                // Activate scrollspy to add active class to navbar items on scroll
 
                $("body").scrollspy({
 
                    target: "#mainNav",
 
                    offset: 100,
 
                });
 
 
                // Collapse Navbar
 
                var navbarCollapse = function () {
 
                    if ($("#mainNav").offset().top > 100) {
 
                        $("#mainNav").addClass("navbar-shrink");
 
                    } else {
 
                        $("#mainNav").removeClass("navbar-shrink");
 
                    }
 
                };
 
                // Collapse now if page is not at top
 
                navbarCollapse();
 
                // Collapse the navbar when page is scrolled
 
                $(window).scroll(navbarCollapse);
 
            })(jQuery); // End of use strict
 
 
            // When video ends...
 
            $('#globalView').bind('ended', function(){
 
              //Fade out video
 
              $(this).parent().fadeOut();;
 
              //Typewrite subtitle
 
              setTimeout(typeWriter,150);
 
            });
 
        </script>
 
        <!--Preloader scripts-->
 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
 
        <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
 
        <script>
 
              //Preloader
 
              // Wait for window load
 
              $(window).load(function() {
 
                  // Animate loader off screen
 
                  $(".se-pre-con").fadeOut("slow");;
 
                  document.getElementById("globalView").play();
 
                  // Initiate subtitle space
 
                  document.getElementById("autoTyper").innerHTML += ' ';
 
              });
 
        </script>
 
        <script>
 
 
            var i = 0;
 
            var txt = 'Synthesizing a better world. ';
 
            var speed = 75;
 
 
            function typeWriter() {
 
              if (i < txt.length) {
 
                document.getElementById("autoTyper").innerHTML += txt.charAt(i);
 
                i++;
 
                setTimeout(typeWriter, speed);
 
              }
 
            }
 
 
        </script>
 
 
     </body>
 
     </body>
 
</html>
 
</html>

Revision as of 21:56, 8 October 2020

RUM-UPRM Wiki Source Code

Coli.CTRL

Get Started

Abstract

This is the wiki — for now.

The Story

The wiki is designed... The black gradient in the background sort of gravitates you down the page. Near the end of the gradient section we can add a 3D model of bacteria. I added a placeholder image that looks okay, but one that looks more like this one would be better (although with the transparent background and cut off at the bottom). The image can also be annotated to complement the understanding of the topic.

...
Team Member
Web Developer
...
Team Member
Web Developer
...
Team Member
Web Developer
...
Team Member
Web Developer

Misty

Another example of where you can put an image of the project, or anything else, along with a description.


Mountains

At this point I don't know what to write so I'll just invent some words. Scarapaduya, postimastacular, and contevertabrae!


Address


PR-108, Mayagüez, Puerto Rico, 00682

Phone


+1 (787) 000-0000
Copyright © UPRM-RUM 2020