Merge pull request #18 from web-illinois/jonker/ils-xtwitter

Add xtwitter information
web-illinois · Aug 23, 2023 · f6f726b · f6f726b
2 parents b594a36 + 4ccbb1b
commit f6f726b
Show file tree

Hide file tree

Showing 7 changed files with 178 additions and 1 deletion.
diff --git a/gulpfile.js b/gulpfile.js
@@ -4,7 +4,8 @@ require('./ils-twitter/gulpfile.js');
 require('./ils-google-analytics/gulpfile.js');
 require('./ils-input/gulpfile.js');
 require('./ils-status/gulpfile.js');
+require('./ils-xtwitter/gulpfile.js');
 
 const gulp = require('gulp');
 
-gulp.task('default', gulp.parallel('ils-contentslider', 'ils-twitter', 'ils-google-analytics', 'ils-input', 'ils-status'));
+gulp.task('default', gulp.parallel('ils-contentslider', 'ils-twitter', 'ils-google-analytics', 'ils-input', 'ils-status', 'ils-xtwitter' ));
diff --git a/ils-xtwitter/example.html b/ils-xtwitter/example.html
@@ -0,0 +1,89 @@
+<html>
+    <head>
+        <title>Testing X icon</title>
+        <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="dns-prefetch" href="https://cdn.toolkit.illinois.edu">
+<link rel="icon" href="https://cdn.brand.illinois.edu/favicon.ico">
+<link rel="stylesheet" href="https://cdn.toolkit.illinois.edu/2.16/toolkit.css" media="all">
+<script src="https://cdn.toolkit.illinois.edu/2.16/toolkit.js"></script> 
+<link rel="stylesheet" href="//contrib.webtheme.illinois.edu/ils-xtwitter/xtwitter.min.css" media="all">
+    </head>
+
+    <body>
+        <il-footer>
+            <div slot="contact" class="il-footer-contact uofi_address">
+            <p><a href="/" id="link-1">Animal Science</a></p>
+            <p>174 Bevier Hall, MC-000</p>
+            <p>905 S. Goodwin Ave</p>
+            <p>Urbana, IL 61801</p>
+            <p>217-333-3165</p>
+            <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
+            </div>
+            <div slot="social" class="il-footer-social">
+            <ul>
+            <li><a href="https://www.instagram.com/educationillinois/">Instagram</a></li>
+            <li><a href="https://www.facebook.com/educationatillinois?ref=ts">Facebook</a></li>
+            <li><a href="https://twitter.com/edILLINOIS">Animal Science Twitter Account that is long</a></li>
+            <li><a href="https://www.youtube.com/user/educationatillinois">Youtube</a></li>
+            <li><a href="https://www.linkedin.com/in/educationatillinois">LinkedIn</a></li>
+            </ul>
+            </div>
+            <div slot="parent" class="il-footer-parent">
+            <p><a href="#">College of Agricultural, Consumer and Environmental Sciences</a></p>
+            <p><a href="#">Grainger College of Engineering</a></p>
+            <p><a href="#">College of Education</a></p>
+            </div>
+            <div class="il-footer-navigation">
+            <div class="il-footer-navigation-column">
+            <nav aria-labelledby="dept-resources">
+            <h2 id="dept-resources">Department Resources:</h2>
+            <ul>
+            <li><a href="#">Faculty &amp; Staff</a></li>
+            <li><a href="#">Undergraduate Studies</a></li>
+            <li><a href="#">Graduate Students</a></li>
+            <li><a href="#">Give to Department</a></li>
+            </ul>
+            </nav>
+            <nav aria-label="Campus Footer Links 2">
+            <h2>College Resources</h2>
+            <ul>
+            <li><a href="#">Contact ACES</a></li>
+            <li><a href="#">About the College</a></li>
+            <li><a href="#">Future Students</a></li>
+            </ul>
+            </nav>
+            </div>
+            <div class="il-footer-navigation-column">
+            <nav aria-labelledby="more-resources">
+            <h2 id="more-resources">More Resources:</h2>
+            <ul>
+            <li><a href="#">One</a></li>
+            <li><a href="#">Two is a Really Really Long Item That Wraps Around</a></li>
+            </ul>
+            </nav>
+            <nav aria-label="Campus Footer Links 4">
+            <h2>University of Illinois Long Title of Resources</h2>
+            <ul>
+            <li><a href="#">Admissions</a></li>
+            <li><a href="#">Covid Resources</a></li>
+            <li><a href="#">Graduate Students</a></li>
+            <li><a href="#">Give to Department</a></li>
+            </ul>
+            </nav>
+            </div>
+            </div>
+            <nav slot="links" class="il-footer-links" aria-label="Legal notices">
+            <ul>
+            <li><button data-il="cookies"></button></li>
+            <li><a data-il="privacy"></a></li>
+            <li><a data-il="copyright"></a></li>
+            <li><a data-il="accessibility"></a></li>
+            <li><a href="#">College Bylaws</a></li>
+            <li><a href="#">Login</a></li>
+            </ul>
+            </nav>
+            </il-footer>
+
+    </body>
+</html>
diff --git a/ils-xtwitter/gulpfile.js b/ils-xtwitter/gulpfile.js
@@ -0,0 +1,12 @@
+var gulp = require('gulp');
+var concat = require("gulp-concat");
+var cssmin = require('gulp-cssmin');
+
+gulp.task("styles", function () {
+    return gulp.src(['ils-xtwitter/xtwitter.css'])
+        .pipe(cssmin())
+        .pipe(concat("xtwitter.min.css"))
+        .pipe(gulp.dest("ils-xtwitter/"));
+});
+
+gulp.task("ils-xtwitter", gulp.series("styles"));
diff --git a/ils-xtwitter/readme.md b/ils-xtwitter/readme.md
@@ -0,0 +1,24 @@
+# ils-xtwitter
+
+Changes the twitter bird logo to the "X" logo in the footer. Also has the xtwitter.jpg and xtwitter.svg icons.
+
+## Author
+
+[email protected]
+
+## State
+
+Development
+
+## Dependencies and Examples
+
+Requires Illinois Toolkit, v2.
+
+Required code to use:
+
+    <link rel="stylesheet" href="//contrib.webtheme.illinois.edu/ils-xtwitter/xtwitter.min.css" media="all">
+
+## Userlist
+
+
+
diff --git a/ils-xtwitter/xtwitter.css b/ils-xtwitter/xtwitter.css
@@ -0,0 +1,14 @@
+.il-footer-social a[href*="twitter.com/"]::before {
+    content: '';
+    display: block;
+    width: 35px;
+    height: 30px;
+    margin-top: 9px;
+    background-color: white;
+    -webkit-mask-image: url(//contrib.webtheme.illinois.edu/ils-xtwitter/xtwitter.svg);
+    mask-image: url(//contrib.webtheme.illinois.edu/ils-xtwitter/xtwitter.svg);
+}
+
+.il-footer-social a[href*="twitter.com/"]:hover::before, .il-footer-social a[href*="twitter.com/"]:focus::before {
+    background-color: var(--il-orange);
+}
diff --git a/ils-xtwitter/xtwitter.jpg b/ils-xtwitter/xtwitter.jpg
diff --git a/ils-xtwitter/xtwitter.svg b/ils-xtwitter/xtwitter.svg