99 < link rel ="icon " href ="./images/onnx-favicon.png " type ="image/gif " sizes ="16x16 ">
1010 < link rel ="stylesheet " href ="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700 ">
1111 < link rel ="stylesheet " href ="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap ">
12- < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2 /dist/css/bootstrap.min.css ">
12+ < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3 /dist/css/bootstrap.min.css ">
1313 < link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css ">
1414 < link rel ="stylesheet " href ="css/custom.css ">
1515 < link rel ="stylesheet " href ="css/responsive.css ">
@@ -90,7 +90,7 @@ <h2 class="blue-text subheading-4">Hardware Access</h2>
9090 < div class ="container-fluid ">
9191 < h2 class ="subheading-1 text-center mb-2 mb-lg-4 pb-2 "> COMMUNITY</ h2 >
9292 < div class ="row ">
93- < div class ="col-12 col-lg-3 pr -lg-4 ">
93+ < div class ="col-12 col-lg-3 pe -lg-4 ">
9494 < p class ="community-intro mb-0 "> < span class ="blue-text bold-text mb-0 "> ONNX is a
9595 community
9696 project.</ span > </ p >
@@ -167,14 +167,14 @@ <h2 class="subheading-1 text-center mb-4 pb-2">NEWS AND ANNOUNCEMENTS</h2>
167167 < script >
168168 w3 . includeHTML ( ) ;
169169 </ script >
170- < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js "> </ script >
171- < script src ="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js "> </ script >
170+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js "> </ script >
172171 < script src ="./js/custom.js "> </ script >
173172 < script >
174- $ ( document ) . ready ( function ( ) {
175- $ . get ( "js/news.json" , function ( data , status ) {
173+ fetch ( "js/news.json" )
174+ . then ( r => r . json ( ) )
175+ . then ( data => {
176176 var newsData = '' ;
177- $ . each ( data [ "newsContent" ] , function ( index , value ) {
177+ data [ "newsContent" ] . forEach ( function ( value , index ) {
178178 if ( index < 3 ) {
179179 newsData += '<div class="col-12 col-md-4 mb-4 mb-md-0">' ;
180180 newsData += '<div class="col-news py-4 px-4 py-lg-5 px-lg-5">' ;
@@ -192,18 +192,16 @@ <h2 class="subheading-1 text-center mb-4 pb-2">NEWS AND ANNOUNCEMENTS</h2>
192192 newsData += '</div>' ;
193193 }
194194 } ) ;
195- $ ( '# homeNewsWrapper') . append ( newsData ) ;
195+ document . getElementById ( ' homeNewsWrapper') . insertAdjacentHTML ( 'beforeend' , newsData ) ;
196196 } ) ;
197197
198- } ) ;
199-
200- $ ( function ( ) {
201- $ ( ".news-text" ) . each ( function ( ) {
202- var len = $ ( this ) . text ( ) . length ;
203- var str = $ ( this ) . text ( ) . substr ( 0 , 80 ) ;
198+ document . addEventListener ( 'DOMContentLoaded' , function ( ) {
199+ document . querySelectorAll ( '.news-text' ) . forEach ( function ( el ) {
200+ var len = el . textContent . length ;
201+ var str = el . textContent . substr ( 0 , 80 ) ;
204202 var lastIndexOf = str . lastIndexOf ( " " ) ;
205203 if ( len > 80 ) {
206- $ ( this ) . text ( str . substr ( 0 , lastIndexOf ) + '…' ) ;
204+ el . textContent = str . substr ( 0 , lastIndexOf ) + '…' ;
207205 }
208206 } ) ;
209207 } ) ;
0 commit comments